Annette Hollis

portfolio

Brief: a website designer's site & logo

My own website has been kept minimal and clean.

The tightly structured logo design and the hand drawn leaf motif are related by colour and the diagonal lines. While they sit happily together each tells its own story . . .

disolving heart
heart Annette Hollis

The logo with its triangular upper form represents the roof of a house and so the 'home' of a website. It also represents a mountain the beautiful rainforest mountain where I live.

The leaf motif has been taken from the plant Homalanthus populifolius, known as ‘Bleeding Heart’ which has self-seeded near my front door. An Australian rainforest plant, it is a pioneer species, robust and very beautiful just what I aim for in a website. The arrow represents precise targeting and, of course, Cupid's arrow of passion two important elements in a project.

Work carried out:

  • Logo design
  • Vector image design leaf motif
  • Animated GIF
  • Choose typefaces
  • Responsive website design
  • Build hand-coded flat-file custom website
  • Test and upload

Visit the website home page: www.annettehollis.com

Brief: a local service site

Once I had determined that Adam wasn't interested in updating his site himself, I was free to suggest a hand-coded flat-file site. This form of website doesn't use a database and a login is not required. The result is a site that is easily transportable and will not attract hacking attempts. Importantly, this style of site is light on code and thus quick to load.

Adam had some great copy ready to use as well as some good images. I was particularly taken with his easygoing invitation 'If you want to talk a load of rubbish, contact Adam at Tamborine Skips' I just loved that and promoted it to the top of the home page. I added a little copy of my own in the same style, and also modified one of the images, taking out superfluous content and adding a plain background for a more dramatic presentation of subject and text.

The information supplied was broken into user-friendly chunks and displayed in an inviting and attractive manner with important details given due emphasis. The responsive design means that this information displays differently in different view-port sizes yet none of the information is ever omitted or displayed without consideration to aesthetics or user experience.

I decided to keep the pages reasonably short (yet expandable in some cases) and lead the customer down the page to the booking button or to the menu at the bottom. Those customers who require immediate contact are supplied with the phone number in the header at the top of each page.

A component of the supplied logo was animated to emphasise Tamborine Skips' commitment to recycling.

The design brief included an order form thus requirements were assessed and the form developed. Adam now receives an email detailing his customer's order and his customer receives a confirmation email.

Work carried out:

  • Responsive website design
  • Contact form design
  • Build hand-coded flat-file custom website
  • Photo manipulation
  • Choose typefaces
  • Animated image
  • Test and upload

Visit the website home page: www.tamborineskips.com.au

Brief: a product showcase site & logo

Scruffie Marine needed a responsive site with a clear and simple pathway to each product. The logo needed to be cleaned up and updated.

While the Scruffie Marine site is rich with high quality photos of completed boats, the site also required polished drawings of new boats under development.

The slides below show the new logo, and vector drawings I have created from the boat designer's rough sketches.

Work carried out:

  • Logo re-design
  • Create vector images from rough drawings supplied
  • Optimise photos
  • Embed videos
  • Choose typefaces and site colours
  • Responsive website design
  • Build hand-coded flat-file custom website
  • Test and upload

Visit the website home page: scruffie.com

Brief: a product & service site

Robert wanted a site to showcase his restored and unrestored original Klaxon horns and offer his expert repair services. A well known figure in the world of swap-meets, I correctly guessed his 'handle' was 'The Klaxon Man' and designed the site around that. Robert quickly came up with a very interesting short piece about the origins and development of his 'long time passion' and I combined a photo of his face with a background filled with his original old horns identity now established!

I designed a one-page site with various sections that could be accessed either by scrolling or via the menu links at the top of the page. As well, a 'return-to-top' button was installed to assist navigation. Robert can update the two photo slide shows and news section himself without ever touching the carefully coded single page that is displayed to the site visitor. I set up a separate (unpublished) page for Robert to write up his news which is automatically fed to the viewable site page the result is stress-free updating!

I intentionally chose a theme that was light in weight for faster loading, particularly important as I was adding the two slide shows and a large image. The option to use Google Fonts was also important and I further tweaked the font styling and mobile display in an extra style sheet.

Work carried out:

  • Design a one-page responsive Wordpress website
  • Choose a theme to suit my design and code an extra style sheet
  • Choose typefaces and site colours
  • Choose suitable slide-show plug-in and install
  • Photo manipulation
  • Build locally and test
  • Test and upload

Visit the website home page: www.klaxonhorns.com

Brief: a product showcase site

This site displays a single product, a solar-electric ferry.

Work carried out:

  • Choose typefaces and site colours
  • Optimise photos
  • Embed video
  • Responsive website design
  • Build hand-coded flat-file custom website
  • Test and upload

Visit the website home page: electricferry.com.au

Return to Home

Contact

phone: 0498 266 705
office: Tamborine Mountain
email: a@annettehollis.com

heart leaf © 2017 ANNETTE HOLLIS