Our goal for Deer Park was to build a clean, professional site that gave off a trustworthy feel. Instead of using dull bulleted lists and blobs of text to communicate Deer Park's message, our designer has created a modular panel layout that feels uncluttered by showing less intimidating information with prompts to discover more.
For this mock up we opted for a simple scheme of black white and green. However, colour is very flexible and Geek Power would be happy to try some other colour schemes too. Colour can very drastically change the mood of a design, so we advise to consider it.
We have selected a grounded and simple sans-serif typeface for all the type on the design for a terse look. This font is web safe and will render correctly across all browsers and platforms.
A responsive design allows Deer Park's interface to be more accessible to their visitors. The design stretches and forms itself to every screen size, so that every user gets the best possible experience.
The Desktop version of the design is optimized for viewing on a laptop or a monitor. Every element of the design will become larger and more spread out or smaller and closer together depending on the specific size of the screen.
Our designer created this logomark for the brand. It's crisp, clean lines and classic typography lend do a contemporary look rooted in a established corporation. Like the website as a whole, the colours used in this logomark can be altered for a very different feel.
One of the most important functions of the home page is to direct the user where to go. This is why much of this design is dedicated to this purpose. Actionable Items in the form of content boxes, a contact form and the jQuery rotator help to inform the user and entice them to explore the site further to create conversions.
Near the bottom of the page is a email contact form. This form allows Deer Park's clients to feel more informed and secure while also being a good way for them to collect information for sales.
The tablet version of the design is similar to the desktop version, except that all the graphics get condensed to fit much better at the smaller resolution.
For mobile devices, all the content moves in to a one column layout so that all the images and text can remain large enough to be seen on a much smaller screen. Also many functionalities have been simplified for a touch interface, such as the main navigation.