Website design can be one of the most important elements of your business. A good website will help pull in traffic to your ideas, your products, and your content. A bad website can drive away consumers, resulting in loss of revenue and future customers. Luckily, we have come up with 5 different design elements that you can fix to make your website the conversion machine that it should be.
The web has moved on from word heavy, document looking website design to visual billboards that represent your brand. Lets face it, people just don’t like to read that much anymore, which is why it is so important that you convey your message through images on your website.
Check out the example below. The top version of the website looks unappealing and boring while the other bottom version paints a picture of the things the customer can do with the camping gear being sold.
We picked images first because it is one of the first things that determines client interaction. Clear images, especially for a site trying to lead someone to make a purchase, are absolutely necessary, but too high resolution images will affect your site load times, driving customers away. It is essential to find a balance between image quality and image size.
Your website can’t be composed of only images, it is essential that you find balance in your design.
Having the proper balance between content, photos, and white space through page layout is important to any website design. White space is any space that isn’t filled with content. This includes space between paragraphs, between headings and text, between photos and additional information, and also the space around and separating your content. To find a good balance between white space and content use the rule of thirds to determine your sites symmetry.
Rule of Thirds
The rule of thirds is a great way to determine necessary space. The rule of thirds is pretty basic; just divide your layout into thirds, both vertically and horizontally so your page is in nine sections, shown below. Then, you’ll determine where you want to have content within or without the boundaries of these sections. As a general rule, keep visually appealing content like images and important landmarks on your website like your Call to Action on the corner intersecting points as illustrated below.
As you can see above with this dentist website, the most important information can be found within or around those intersecting focal points.
Typography plays a major role in the emotion of your website. It envelops how your font looks and the emotion of what you are typing. Your typography will have a lot to do with your brand and what you want to convey to your customer. Do you want to create a professional atmosphere or are you looking to invoke emotion and feeling with what you write? If you are not sure what feeling you are looking for on your website, try a bunch of different styles and determine which one feels right. Here are some different examples of font types to consider.
You can have curly formal fonts, handwriting-like fonts, fonts with additional marks on the letters (serifs), or plain letter fonts (sans-serifs). For online platforms, sans-serif fonts are easier to read and process. Serif fonts are better used for physical written content, but can make an aspect appear more professional.
Consider how different fonts that you have seen used have impacted the way that you view their content. Try different fonts on your website design and see how it impacts the look or feel of it.
Color is the most obvious example of needed elements in site design. Color plays a huge factor in determining the emotion that your company gives off, as well as a correlation between or a contrast from other companies.
Many companies are aiming for minimalistic designs with more black text and white space than color, but it is important to have an associated color at least occasionally utilized to make anything stand out like your call to action or draw reference to important information.
Having a color palate for your site will further determine the mood and brand of your site. This will also have to be cohesive with the photos that you post on your site and will determine how your photos and content will stand out. Look over some color palates to find the best image to create for your site making sure that it is cohesive with your brand.
The flow of the website design is the combination of all of these elements and how you want them to form a final piece. Make sure that your pictures match your content and your ideals, that your colors bring out your pictures and give the mood you want in a site, that your spacing allows for easy readership, that your font is legible and emotionally correct, and especially that your balance is good. These factors will determine the story of your website. Remembering that all of these elements should lead your potential customer to take a desired action, whether that is buying your product or signing up for your service.
Hopefully this list has given you the basics on how to design your own website or brush up an existing website design. Ensuring that your color and typography fit the emotional base of your company, that your balance and photo usage create an easy flow, will determine whether someone is willing to make a purchase or not. If it feels like a daunting and complicated task, and you would like professional help from top web designers we can give you a hassle free web design assessment just fill out the form below.