A brand new online Male Grooming Products Store is about to hit your displays and I am delighted that Rabbitdigital Design has been awarded the project to develop the website.
Following several meetings to discuss the general requirements of the site I began researching competitor website design and layouts. A key function will be to attract the right kind of visitors to the site and retain their attention. The target audience is expected to be quite evenly balanced between male & female. The majority of men buying grooming products online will be doing so for themselves while most women will be purchasing gifts. Overall the design of this eCommerce website will need to be clean and fresh to reflect the top end brands on sale throughout.
As you can see below I’ve created three designs for you to peruse as I usually do for large online projects. Traffic to the site will gradually build over time eventually peaking at high levels as a result of a variety of ad campaigns that are planned. You can therefore imagine whenever a spike in visitor traffic to the site occurs it needs to be able to handle large amounts of requests. Latency response times are becoming more & more important with the ever increasing use of mobile devices. In anticipation of this I’ve tried to keep the styling very clean and plan to use CSS wherever possible.
Keeping graphic files to minimum will help reduce server requests and hopefully speed up page load. I’ve tried to use images only when needed to promote the products and services with the exception of a few logo graphics and buttons so as you can see the designs above are clean and minimalistic!
Are you still with me? If so here are the three designs in a nutshell :
- First Design – I began with the logotype in the header, a crisp sans serif font in two weights and a slogan beneath. Your eye should first be drawn to the banner image in the slider just under the main navigation which at a glance shows the top level categories of the site. Once you’ve glanced the logo, high quality brands and lifestyle images further down the home page there should be no doubt what this website is about. I’m really pleased with the colour balance on this design. The white background, vibrant tangerine highlights and soft grey colours all work well together.
- Second Design – I took a different approach here and created something more elegant. I suppose the best way to describe this design is its the more serious of the three. With the logo centred in the header and made up using a delicate serif font this sets the tone for the rest of the design. Again you can see I’ve gone with two primary colours, two tones of grey and a natural almost bronze tan colour. Extensive use of white in the background and plenty of space in between the main elements gives this design a sophisticated flavor.
- Third Design – Modern and contemporary is the direction I wanted to take with this one. I hope you can make out the light key lines I’ve used around this concept which I’m sure you’ll agree keeps everything in order in a subtle way. Lime green for the highlighted elements, slate grey for the main panels and plenty of white space in the content area creates some nice contrast on this design. Occupying only two thirds of the page top the slider leaves room to locate three boxes to promote important and useful resources for visitors to the website.
Now that I’ve given you a brief overview of all three designs and the project in general I would love to here your thoughts. Any feedback, whether a couple of words to say “I like number?” or a little bit more, will be most welcome by myself and the client. Its always great to here what you all think as I’ve put so much effort into all three designs I really can’t choose between them by the time I’m finished!
So please please leave a comment no matter how small, oh and don’t forget you’re email address is never published! You could use a dummy address but this just means I can’t say “thanks for your comments”.