Annette Hollis

portfolio

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 informative drawings I have created for new products.

Work carried out:

  • Logo re-design
  • Create product drawings
  • 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 professional services site and logo

The BB Professional Services website is a responsive ten-page website with a unique layout, and as always with my websites, designed around the content rather than bending the content to suit a template. It is a unique expression of my interaction with my client and was a very positive experience for both of us and I am very happy to report that my client found me “easy to work with” and that she found “the development process was good for me.” This is what it’s about – getting to the heart of the matter, finding rapport and jointly bringing the project to successful completion.

As for appearance and usability, my client says:
“I love the style, which is sleekly attractive, but never over-decorative or gimmicky.”
“An overwhelming quantity of content was made manageable.”
"It is vastly better than I could have imagined."
“All feedback about the site has been that it is easy to navigate as well as stylish.”

BB Professional Services Logo

As part of the job I redesigned the logo which had been created many years ago. Certain elements were retained for continuity — the idea of two B letters facing each other and the boxy profile, however it was completely rejuvenated and enlivened, so now has a brand new look and works well at any scale.

Work carried out:

  • Re-design logo and create files for website
  • Design website to suit client requirements
  • Build responsive website to suit information supplied
  • Choose colour scheme
  • Choose typefaces
  • Crop and optimise photo for web
  • Guide client with meta data description requirements for good SEO
  • Install SSL certificate
  • Conduct website testing
  • Conduct user testing
  • Organise SSL certificate, domain name registration, and web hosting

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

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
  • Create image 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
  • Booking 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 & 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

While it’s great to launch a fully completed new website, sometimes it is appropriate to build in stages. While the client finalised his product details and specifications the Go Sail Cargo site remained as a simple one-page site displaying concept and contacts. Now with multiple pages, the site will grow as required.

Go Sail Cargo image

Work carried out:

  • Design a one-page responsive website
  • Develop one-page site into a multi-page site
  • Choose typefaces and site colours
  • Create drawings of product designs
  • Build hand-coded flat-file custom website
  • Test and upload

Visit the website home page: gosailcargo.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