Get a Quote

Your Money Matters

Below we have outlined many of the little details and all the thought that went in to your landing page design.

Project Showcase

Professional, Friendly and Clean

Our goal with this design was to create a user interface that is not only contemporary and professional, but also easy to navigate and explore. Instead of using dull bulleted lists and blobs of text to communicate Your Money Matters' message, our designer has created a dynamic layout that feels uncluttered while also providing an informational resource for their clients.

Project Image

Colour

For this mock up we opted for a simple scheme of nice reds and cool greys. 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.

Typography

We have selected a grounded and simple sans-serif typeface for the smaller body copy on the site and also a serif font that is used as the larger display font for headlines. Both are web safe and will render correctly across all browsers and platforms.

Project Image

The Responsive Advantage

A responsive design allows Your Money Matters' 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.

Desktop

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.

jQuery

jQuery is the perfect way to communicate the services available to Your Money Matters' clientele, while adding subtle movement to the design.

Top & Main Navigation

The top of the website is optimized for ease of usability. This is where the main navigation, including the drop down menu functionality (more on this below), is located to create a navigational hub for the whole site.

Actionable Items

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.

Drop Down Menu

With an advanced CSS drop down menu, all of the content on the website is available to the user in just one click. This creates a very smooth navigation experience.

Tablet

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.

Mobile

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.

In Conclusion

We believe that this design gives Your Money Matters a modern and professional web presence which is sure to leave a memorable impression on their clients. This is a design that breaks the mold and isn't afraid to be bold without sacrificing on usability. If you have any questions, please contact our Creative Director.

Downloads

Get a Free Quote

Request a free proposal from Geek Power Web Design and get started on your new website today!

We see every new project as an opportunity to indulge our passion for web design and web development. We truly love what we do and we're always excited to start a new website!

@
Geek Power - Toronto Web Design