Website Design

The design of your website is extremely important. If your website does not “grab” the interest of your surfing visitor within 4 seconds or less, statistics show that he will quickly move on to visit other websites. We specialize in creating designs that attract the interest of your customers while providing them with the most important information quickly. Using the following principles, we can create a website design that will keep your users coming back for more!

Purpose

Fulfilling this need is by far the most important part of designing your website. Every part of your website should have a clear purpose and meet the specific needs of your users as effectively as possible. One of the areas where many businesses stumble is the main page (Landing Page). On your landing page you should have clear and intuitive navigation, a brief description of what your company is and what you can do for the user, and how they can reach you. Using this method as a guideline, you can make sure that your main page is concise and to the point, and gives the visitor everything he/she needs to know with the minimum amount of time spent looking for it.

Communication

This is another important step. In order to be effective, your site’s pages need to communicate well. Generally, when people land on your site they are looking for some sort of information, and they want it quickly, otherwise they will simply go somewhere else. In order to communicate effectively, we properly organize information using headings and sub-headings, and using bullet points instead of long sentences.

Typography

This can be one of the most important parts of your website. It is important to use fonts that are easy to read online and sizing matters as well! Too large and your site becomes difficult to read in areas with large amounts of text. Too small and your content becomes a laborious task to read. Choosing a typeface as well as font sizing is extremely important, even though it might seem like only a small part of the process.

sans serif vs serif

Color Scheme

Color Schemes/Palettes can either enhance or detract from the user’s experience. Colors who complement each other strike a nice balance and a harmonious feel. Contrasting colors for text and backgrounds make your content easier to read. Vibrant and striking colors draw attention and elicit a response and therefore should be used only for special things such as buttons acting as a call to action. Another important part of the color scheme is simply White Space/Empty Space/Negative Space. Whitespace serves the purpose of giving your website an unobstructed, uncluttered and modern look.

Color Palette

Images

Sometimes they really are worth a thousand words, especially when placed appropriately. Images hold a lot of power on websites because they can cause your business/organization to look professional or if the images are in poor quality or taste, they can vastly detract from that professionalism. It is always important to use images where they will convey the most information. Many websites will use images as a way to simply break up areas of a page, but if that image serves no real purpose, it can detract from the user experiebnce. When using images properly, they can be a powerful tool for communicating your message. Sometimes even more effective than a well written piece of text!

Navigation

Navigation will, in many cases, make or break your site. Navigation needs to be intuitive to the user. For example, a page hierarchy that is logical, using breadcrumbs, and designing with the “three click rule” (the user should be able to find the information they are looking for within 3 clicks, preferably 2 at the most) are all ways that can help users find the information that they are looking for quickly and effectively.

Grid Based Layouts

If content on your website is not properly placed, you can end up with a very cluttered and unruly appearance. Grid Layouts allow you to arrange your content into sections, columns and boxes that will automatically align with one another. This leads to a vastly better looking website design and helps users find information more quickly.

This is an example of how we can use layout in grids to our advantage. Notice that when viewed on a mobile device, this column will be stacked vertically underneath the column to the left. That way me make sure that everything is easily viewable, no matter what device you’re using.

Designing for Visual Hotspots (“F” Pattern)

Eyetracking heatmap studies have shown that users tend to read content in an “F” shape. This means that content in the top left of your website will see much more attention than content in the middle or bottom right. Likewise content in the middle left will also see more attention. By designing our content in such a way that the most important parts intersect with this “F” Pattern, we can ensure that the user is going to see the most important information first and hopefully find what he/she needs more quickly.

eyetracking hotspot reading patterns

Speed

Virtually nothing is more frustrating than a website that loads slowly. It is important that your website be designed for speed. Of course, the server that your website is hosted on can make a big difference, but the site itself needs to be designed with speed in mind. We can also help this along by caching commonly requested items on the server in such a way that the user gets those items more quickly, which can have a great effect on how responsive your website “feels”.

Mobile Friendly (Responsive Design)

At this point in time, it is as common for a user to visit your website on a phone or a tablet as it is for them to visit your website on a desktop computer. It is important to make sure that your site correctly responds to these different form factor devices appropriately so that you website is still accessible no matter what device is being used. Google also uses mobile friendliness as a ranking tool and a mobile unfriendly site can see it’s search rankings go down as a result. Some companies will try to sell you on a “separate mobile site”. That is not responsive design and it will actually hurt your search rankings even more. Not only will your main site be seen as mobile unfriendly, you will now have a second site competing for rankings and your site ranking will get punished for “duplicate content”. Proper responsive design takes what is already there and rearranges it in such a way that it is comfortable to use on any device, large or small.

Responsive_Web_Design_for_Desktop,_Notebook,_Tablet_and_Mobile_Phone

Does your website need some love and special attention? If so please let us know and we’d be happy to evaluate it for you! We can help optimize your site or if you want a brand new design from the ground up we can help you with that too!