Web Design Tips

Follow our web design tips and you’ll be surprised about what you can improve.

Client Information

Ask your client questions to better guide you into creating the best web design the first time instead having to do it twice. Even the best web designers, like us, know how to focus on what’s best for the client as well the client’s visual expectations.

Logos

It’s best to have your logo linked to your home page and placed in the top left of your website. It’s been proven that customers and visitors use this to go back to your home page. Another great tip would be to not include a background color in your logo. Why? Different computers display different colors differently making the cut out of your logo stand out. So always remove any background colors, shapes, or patterns that don’t need to be there.

Backgrounds

A great web design tip for backgrounds would be not to use heavy images, patterns that create bad contrasts between itself and your content, or heavy colors that may result in different looks between different resolutions or computers. The load time of your website matters and with heavy images like “.jpg’s” for instance, may result in slow load times. Your content is the most important piece to your website and with bad background patterns, you can easily push customers away. And last but not least, heavy colors like bright reds for instance, may look more pink on one machine than it does on another. So be cautious when using colors for backgrounds.

Headers

Your header is the single most important part that helps your customers navigate through your website. One of the best tips we can give you is place your logo in the top left corner and place your navigation to the right. This is what people are used to when interacting with websites. Another great tip is not to over whelm your header as it may cause confusion. Keep things simple and professional.

Sidebars

A second navigation is sometimes important. If you find your website or business providing more than one product or service, breaking them into categories will help. We have also found it helpful when adding simple forms in your sidebar as well as contact information as this is easy to find and to be filled out.

Content

Content is the bread and butter to your business. Everything you’re trying to sell has to be within your content. This means, that not only your customers but search engines too are looking for interactive, unique, and detailed information about what you provide. Both search engines and your customers are key factors in the growth of your business. Each page within your website should have a clear purpose and categorized into the right category so your customers and search engines can find it easier.

Forms

The heavier your form, the less likely it will be filled out and by heavy we mean tons of questions. People don’t fill out a form unless their getting something back in return. Whether it’s a free catalog, information, or of some value, people just don’t waste time on heavy forms. By keeping your forms light and very simple, people are more likely to fill it out even if they’re not getting something back in return. The simplest form can include name, email, and a message field.

Footers

The best footer tip we can give you is to be creative. If you’re a local business, we would recommend adding your business name, address, and phone number. If you’re not a business, adding social interactions, comments, links, and so is also a great way to keep people on your page longer.

Wire Frames

A wire frame is the first thing a web designer creates based on the client’s requests and what the web designer thinks is best. A wire frame is a simple image drawn out by pencil, pen, or marker that outlines what the finished design layout will look like. A great tip that we have learned is to include as much as the website into the wire frame as possible. This leaves out less surprises and reduces time by half. Ever heard walk before you run? Walking refers to gathering as much details from the clients as possible. Then do research on your client and their competition. Once you have combined both your research and client information, create your wire frame and submit it to your client for approval.

Mockups

Mockups are created before the site is developed to give the client a vision of what the website will look like once it’s finished. Once your wire frame is approved, it’s time now to see how creative you can be. Create your mockup based on the wire frame and make sure it stands out from the crowd. Here’s one of our best tips; keep the page load time down by using repeatable “.png” images for backgrounds and keep the layout simple using only what you need to. The better your design, the longer your client will be satisfied.

Mockup Elements

Mockups should include the following elements so nothing is left incomplete.

Mockups should include styled:

  • h1’s, h2’s, h3’s and h4’s
  • p, strong, and italic’s
  • ol, ul, and li’s
  • text, images, and 1 form
  • banners and/or advertisements
  • header, content area, sidebar, and footer

Our web design tips will point you into the right direction improving any website you come across. Want our help? Call us today for more information or to become a client with the best company throughout the United States!