What Do the Colors of Your Website Say?

Did you know the colors of your website can encourage or discourage potential customers. Creating a color scheme for your website is one of the most important aspects of the design and business start-up process. You don’t want to pick your color scheme at random or base it on what looks good to you. Each color has a different meaning or emotion and can influence people in a particular way. Poor color selection can even impact your site’s overall usability negatively.

When it comes to creating a color scheme, businesses want to choose colors that are easily recognizable to the brand. It’s important to choose colors that are impactful to the audience and customer base. For example, a childcare website would include bright and exciting colors to communicate the message of “fun” to children. A Doctor’s office or corporate business may use blue, white or gray.

What Do the Colors Mean?

Red: This color shows a range of emotions, from anger, energy, strength, passion to urgency.
Orange: You may find this color to be cheerful, but it can also be used as a notification
or caution color.
Yellow: This color is similar to orange; cheerful and cautionary color. This color should
be used in moderation on websites.
Green: When looking for a color that communicates wealth and growth, green is the
go-to color. The easiest color for the eyes to process.
Blue: Blue creates the sensation of trust and security; often seen with businesses and banks.
Purple: This color is used to calm and soothe; often seen in beauty or anti-aging products. Brown: This color shows earth, home friendships, outdoors, simplicity.

Other colors include black and white, which are both clean and sleek colors.
When choosing the colors of your business, be sure they complement each other. Avoid too many bold options as it can make a website too busy. Adding black, gray or white is another option when in need of additional colors.

Website User Accessibility

How accessible is your website for those with disabilities? The increase of employment, government, education, healthcare, business and entertainment services online make accessible website design a critical issue. It also determines whether disabled users have equal access to the services you offer.

Improving accessibility on your website provides you with benefits as well. Your potential audience immediately expands. There are plenty of ways to make your website more accessible, aspects such as layouts, colors and fonts need to be eligible for all users. Here are a few simple, practical tips to implement when creating a disability-friendly site.

A Few Highlights for Your Website:

  • Add alt tags to important images on your website. Provide a short description of what the image contains. If the alt tag is longer than 30 words, a description is a better option.
  • Colors of links must stand out against the text and the background of the website. Additionally, a cursor change on hover can indicate the link is active.
  • Headers and footers should be consistent throughout the entire website.
  • Images should not be of text! Instead, apply CSS styling to text that needs to stand out against the page.
  • All videos should contain closed captions for those hearing impaired.
  • Refreshing must be initiated by the user, do not time/automate page refreshing.
  • Avoid using pop-ups which may confuse users, as the page will suddenly change.
  • Add a “To Top” / “To Bottom” link to the header and footer.
  • Contact form errors should be highlighted and payment information should be confirmed prior to submission.
  • Add a search feature to your homepage. If you add the feature to interior pages, be sure the search is located in the same place on all pages.
  • Add a full sitemap to your website and link to this page in the footer.

Adding accessibility to your website will allow you to provide all information to all users. Easily navigated pages with consistent colors and layout will ensure your page or blog can easily be used by everyone.

To Hero or Not to Hero…

Over time we’ve had websites go from content fitting within an 800px wide box, to 1284px or 1400px, to responsive programming that allows a website to be viewed fluidly across all platforms, no matter the screensize. One of the largest trends in 2017 is the usage of extra-large images, known as hero images. Bold graphics that draw attention from a customer right away and informs them of your website’s mission.

How do you get the most out of your hero image?

Your hero image is the first thing users will see when browsing your website. It is important the image is relevant to your services or brand. If your image does not communicate this easily, visitors will be left confused.

In our Phoenix Pool Services design, we chose to go with a hero-sized video showing someone jumping into a shimmering pool. This allows the customer to visualize their own pool with sparkling water and jumping right in.

Another client of ours, Bella’s Lawn Care, has a hero image of grass, dirt and a small plant with roots. Communicating your business with a hero image is easily accomplished by choosing the right photos.

When browsing our client’s websites, you can easily tell Phoenix Pool Services provides pool cleaning and maintenance services to customers, while Bella’s Lawn Care offers landscaping, lawn care and landscape design.

Adding a touch of your brand’s colors on the images is beneficial as well.

Break Hero Images Down

Does your hero image serve a purpose?

If you’re trying to sell a product, show your product in a real setting with the hero image. Display how a customer would use your product.

Does your hero image support your overall design?

Your hero image shouldn’t stand out like a sore thumb. It should fit seamlessly into your overall website’s design. It is okay to invoke emotion or action – after all, that’s how business’ gain new customers.

Is your hero image relevant to your business?

As mentioned previously, communicating your brand’s service or mission is a key element of choosing your hero image. Be selective. Use resources such as Pexel or Dreamstime for stunning stock photos.

Does it fit within a responsive design?

Resizing your image to mobile devices is important. Whether you’re creating breaking points with cropped images or simply resizing to fit a specific screen size, there are multiple ways to make sure your images are clear on any platform.

With hero images, you are able to create stunning websites that communicate your brand, services or mission with ease. Contact us to begin your website design journey.

Summer Website Inspiration

Whether it is the new season, other websites, print advertisements our team of web designers get inspiration from everywhere! The first day of summer is just around the corner and the weather in Niceville, Florida is causing everyone to head out to the beach.

Imagine a website with a palette of colors filled with cream, emerald-green, navy, peach and coral. Now imagine a website of primary blue, red, black and white. The beach-themed palette would be perfect for a coastal business, vacation property, or community. Meanwhile, the primary color palette website would be perfect for a corporate business.

Consumers want a great web experience and something that is eye-catching if they are going to spend money. You want to make them feel positive about spending money and not making them feel disappointed in the process of purchasing a product or service.

This is where the all the colors and the liveliness come into play on your website. When a user comes to your website for the first time, they want to be impressed with how your website looks and functions. You want the site to pop out and be remembered and never forgotten. Let’s take a car for example driving down the car. You see 2 cars driving, one is dusty and black and the other is red, sleek and shiny. You will be drawn more than likely to the red car first because it’s brighter and not a dark color like black. That’s how you would want your website.

It is important your website is attractive to the eyes. Instead of making a website just black and white, use a color palette that works with your industry or business. The website should have inspiration and character if you want to attract the users to your site.

Are you looking for inspiration? View some of our sites that we have on display in our portfolio or browse our Instagram!

Why is User Experience Important?

User experience is key to keeping good traffic flow and to make sure the users spend more than just a minute on your website. Websites should be a place for users to feel welcomed, comfortable and find valuable information about your business and services. Four questions that you should ask yourself are as follows:

  • Does my website load quickly?
  • Do I have good responsive design?
  • Do I have redirects or redirect loops?
  • Is my site aesthetically pleasing?

How Quickly Does Your Website Load?

Having a website that loads quickly from the point the link to your website is clicked to the point at which it loads, is a very important factor to keeping positive user experience. Studies have shown that if a websites loads slower than 3 seconds, you could have up to 40% of the users abandon your website.

Search engines will actually penalize your organic search result rankings if users are bouncing from your website to others will more valuable and relevant information.

There are many reasons you may have a slow load time. One of those reasons would be that your website could have un-optimized images. It is important to optimize any image to get rid of the extra data that might be contained within the image file; be sure you’re using the right image-type (JPG, PNG, GIF, etc.). Additionally, a slow loading speed could be because of excessive JavaScript and CSS files that can be condensed. Some of our favorite recommended plugins to install on the content management system, WordPress, are Scripts to Footer, Minify JS and Super Cache. Read our post discussing the Do’s and Don’ts of Images.

Do You Have Good Responsive Design?

Responsive design is defined as having a website design that will automatically fit the screen of any device that the user is using, whether it is a laptop, iPad, Smart Phone, etc. According to some studies, 2.87 billion people are currently using a smart phone. Many users enjoy having the freedom to view websites on their phone. If a website is not mobile friendly, the user then has to zoom in to read information about the services your business provides. Without a responsive website, you may find your bounce rate has increased and your organic rankings have decreased. Overall, it is important to have a website that will be user-friendly on any device and not just on a computer screen or smart phone screen.

Do You Have Redirects?

Redirects can have a negative impact on websites but they could also have a positive impact. When a user clicks on a link, they expect to be on the same website that the link displayed and not redirected elsewhere. Redirects could be positive as well if it is an updated version of the previously existing page. If you’re redirecting to another website, adding a notice to explain the reason for the redirect could help the user.

Is Your Site Appealing To The Eye?

Having a site that is visually appealing will enhance user experience. You want the user to remember how it looks and trust your business. The majority of users tend to choose a more appealing design over any bland, neutral or outdated design. An appealing website could also convey emotions. As the saying goes, “A picture is worth a thousand words.” With images on your website, you can trigger many different emotions such happiness or even sadness. Memories could also be triggered and the user would remember the website that awoke those memories that were pleasing. Read our post about color psychology.

The users of your website should feel comfortable and be able to trust your business’ website. A responsive, appealing and quickly loading website with any required redirects will provide your users with a great user experience.

Older »