Color Psychology

Color Psychology

Have you ever walked into a doctor’s office with bright red walls? Of course not. It’s more likely a pastel green that can actually make you feel more relaxed. Color has a notable effect on our moods and can even influence how we react to a design. An experienced designer knows this well and strategically selects colors that will create the desired reaction for a product or service.  

Although colors can affect individuals in different ways, the overall tone is universal. Red is bold and attention-grabbing while blue evokes a sense of trust and authenticity. 

Note that the degree of each shade will produce different reactions (i.e. a light yellow green having a more energetic vibe vs a deep evergreen shade offering a more calming, conservative feel). In general though, brighter shades tend to be more energizing while darker shades offer a more relaxed and refined vibe.

Red

Bold, Unapologetic, Romantic

A very powerful and confident color, red is associated with intense emotions like love, anger and aggression. It can be used to indicate danger (think stop signs), power (red sports car) or even passion (Valentine’s Day hearts). 

Seeing the color red can raise respiration and blood pressure, so use with caution. This color is seen on national flags, sports advertisements, and even lingerie ads. 

A bright, red background with black and white text commands attention to Word & Co’s ‘About Us’ page. The bulky text and limited information helps the user digest the information without being overwhelmed by the blatant hue.

Source: https://work.co/facts

Successful Red Brands: Target, Coca Cola, Netflix, Staples, YouTube, Marlboro, Red Bull, Chick-Fil-A & Red Cross

Orange

Creative, Fresh, Enthusiastic

Orange is a friendlier shade than its cousin red. It is associated with optimism, creativity, vitality success, playfulness and sunshine. The color of oranges, it can also be associated with health and wellness. It’s an effective color choice to market children’s toys, food, and even home merchandise (Home Depot). 
Whataburger, a family friendly burger restaurant uses a few different shades of orange to evoke feelings of warmth, trust and positive energy to their audience.

Source: Whataburger.com

Successful Orange Brands: Fanta, Harley Davidson, Amazon, Nickelodeon, Mastercard, Reese, Soundcloud & Firefox

Yellow

Sunny, Joyful, Cautious

Yellow is a complex color representing cheerfulness, knowledge, confidence, communication and creativity. It is also associated with cowardice and warning (think caution signs), so use carefully.

Mailchimp recently rebranded their website using a striking yellow color scheme. The logo has been simplified and converted to black for easy visibility over the yellow background. It makes the site more vibrant and memorable, while still engaging the audience with its new innovative look. 

Source: MailChimp.com

Successful Yellow Brands: McDonalds, Best Buy, Ikea, National Geographic, Snapchat, Shell, Mello Yellow & Cheerios 

Green

Healthy, Prosperous, Tranquil

Green is the color of our environment. It’s about growth, balance, nurturing, renewal, even prosperity. It is one of the most soothing colors and–as a result–is commonly seen in medical offices.  

You will find this color in environmentally friendly and organic nutrition products as well as banks, financial organizations and medical products. Starbucks utilizes green in their logo to embody the growth, novelty and financial success of the company.

Successful Green Brands: Spotify, Heineken, BP, Whole Foods, Android, Tic Tac, John Deere & Publix

Purple

Perceptive, Artistic, Royal

Purple is a creative and intuitive shade.  

With its imaginative & introspective properties, many businesses like design studios, spiritual or counseling centers employ the color in their marketing designs. The color of royalty, purple can also represent financial or ecommerce sites nicely (think WooCommerce).

Purple is a balancing color of the intellect and emotions, connecting the spiritual and physical world. It is not uncommon for psychologists and philosophers to have an affinity for this intriguing color. 

Kaleidoscope cleverly uses a combination of deep and bright purple to give their tech site a creative and edgy feel. The dark background pulls the user’s attention to the headline while the bright purple call to action button commands attention to download their application. 

Successful Purple Brands: Cadbury, Yahoo, Roku, Niveo, Monster, Zoopla, Hallmark & Aussie

Blue

Honest, Down to Earth, Calming

Perhaps the most popular of all colors, blue conveys trust, serenity and graciousness. It is easy on the eyes and gives off a welcoming vibe. As such, you will find this color commonly used in financial, legal and medical practices. 

The color of sky and water, blue is seen every day in our environment, is extremely versatile, and compliments other colors effectively. 

bZx effectively uses multiple shades of blue in their website help build a potential client’s trust for their margin trading industry. 

Source: bzx.network

Successfully Blue Brands: Facebook, Skype, Ford, Paypal, Samsung, GAP, General Electric, Chase & IBM

Brown

Ordinary, Sincere, Earthy

Brown is a very natural color. It is the color of our earth. It conveys  solidity, safety and a strong foundation. By itself, brown can appear dull and unrefined, but combined with other colors, it can be strikingly beautiful. It’s an excellent color choice for outdoor recreational companies, coffee shops, and wood furniture stores. 

Guarda Golf Hotel & Residences uses brown very effectively for their elegant site. The brown gives it a warm, cozy feeling to entice the potential buyer to book a hotel room. 

Source: guardagolf.com

Successful Brown Brands: UPS, Hersheys, A&W, Cotton, Cracker Barrel, M&M’s, Hollister & Back to Nature 

Black

Formal, Powerful, Secretive

Black is the absence of all colors and it can convey the feeling of power, sophistication and mystery. It is the color of evil, the night sky, and ravens. Despite the negative connation, black can exude elegance and confidence, creates contrast against other colors, and makes text extra legible against a white background. 

The black background provides a perfect contrast to the white text and interesting graphical outline. The ‘o’ in two also serves as a target to bring your focus to “two chimp’s awesome, no nonsense coffee.”

Source: twochimpscoffee.com

 
Successful Black Brands: Nike, Chanel, Canon, Adidas, Belk, Allure, Forbes, PBS, Puma, Calvin Klein & Loreal

White

Innocent, spotless, sophisticated

It’s clean, pure and unadulterated. It is associated with virtue, but can also give off a cold or formal tone. White can complement literally any color and bring attention to the places you want with its negative space. Adding just a touch of another color to white can bring a very elegant feel to the design. 

Apple does it best. A clean, easy to read design that accentuates the sleek phones showcasing colorful images of planets.

Successful White Brands: Crocs, Teslr, The North Face, Nescafe, Apple, ABC,  Pop Tarts, Uber, Dove & Pandora

Gray

Professional, Muted, Somber

A blend of white and black, gray is a very neutral color, which makes it an excellent transitional color. Sometimes pure white or pure black can be too stark for the design. You can choose a deep gray instead of black or the lightest of grays to add some color to a lackluster design. Since gray can seem gloomy, be sure to balance it out with color when appropriate. 

My Own Bike uses a gray background very effectively in their interactive bike building site. The use of neutral dark gray in the header text and logo helps eliminate distractions, drawing attention to the most important element—the bike. 

Source: myownbike.de

Successful Gray Brands: Wikipedia, Wii, Sketchers, Mercedes-Benz, Swarovski, WordPress, Microsoft

Impactful CTA Button Design

Impactful CTA Button Design

Would you believe the color a of your call to action button could encourage your user to click that “Buy Now” button? Because colors influence one’s emotions, it also can influence decision buying. And that is definitely worth taking a few minutes to explore. Needless to see, we all want to maximize our results as well as the size of our wallets. 

Trending Colors

You may have noticed the multitude of red, green, orange and blue buttons. Why is that? Because those particular colors cause an emotional reaction, and could potentially lead toward a buying decision. 

1. Red – it’s bold, powerful, heart pounding and makes you STOP and take a look at what’s in front of you. It is arguably the most effective CTA color to use because of its intense passion and attention-grabbing quality. 

Source: Dispatch.com

2. Green – a calming color associated with the “Go” traffic light, nature and prosperity. Easy on the eyes, green is an excellent choice of color when you want to give your client the OK to purchase your product. 

Source: Spotify.com

3. Orange – a bright and cheerful color that also reflects creativity makes it a winner. Amazon, the most successful online company, uses orange to highlight their “Add to Cart” buttons. It must not be a bad choice, considering Amazon’s success. 

Source: Amazon.com

4. Blue – conveys trust, has a calming effect and is the favorite colors for men and women alike. Ebay makes use of blue buttons on their shopping cart button.  

Source: ebay.com

It’s All About That Contrast

When it comes right down to it, the most important thing is for your button to be as obvious as possible. Higher contrast equals higher conversions. 

Image Source: Smashing Magazine

You want to ensure the text is also extremely visible on the button. Don’t use a scripty, hard to read font. 

Likewise, be sure the button color contrasts well with your background. 

For instance, A bright orange button is going to stand out especially well on a sky-blue background. They are complimentary colors.

 WordStream nails this color scheme on their “Get the free report today” CTA button. Also effective is their captivating headline “40 Hours of PPC Analysis in 60 Seconds or Less!” and subtitle “Fast, Secure, Free” which helps reassure the user that they are not going to instantly regret their decision to click. 

Source: WordStream.com

See how easily Netflix entices you to join Netflix (assuming you’re not already one of the 118 million subscribers). 

They keep the message brief and they assure you that you can cancel at any time AND get the first month free. Colorful movie and shows in the background pique your interest to “See what’s next” in their massive collection of entertainment. 

Note that the button message is extremely important as well. Would you have been as motivated to click that red button if it simply read “Join Now”?

Stay True to Your Brand

Whatever color you choose for your CTA button, make sure that it ties in with your brand. If your Brand Colors are Orange and Green, don’t use a blue CTA button which will probably confuse your user.

Consider who your audience is and select a style that reflects their personality.  

If you are a wedding planner for instance, a pink button that matches your brand colors would be more effective than a BOB (big, orange button.)

Conclusion

Ask yourself these questions: 

1. Does my CTA button stand out?
2. Does my copy convince users to take action?
3. Is my CTA button easy to find?
4. Does my CTA button reflect my brand?
5. How will my prospects benefit by clicking?

Don’t be afraid to experiment and switch up the style until you reach your desired goal. Make a few versions of your product page and test it out on users. Google Analytics Solutions and Optimizely are a couple of great options.

Marketing trends are constantly evolving and what was popular in 2015 may look completely outdated in 2020. Keep your style fresh and engaging.    

 

2019 Website Trends

2019 Website Trends

In our constantly evolving world of web design, it’s befitting we stay on top of the latest trends to remain competitive. Not surprisingly, time spent on the World Wide Web is continuing to rise. Mobile first websites (that is, sites designed to first and foremost look great on mobile devices) is a definite must.

As attention span is increasingly becoming shorter and shorter, we must compensate for this by developing websites that load quickly and successfully capture their gaze.

More Movement

You’ve likely noticed the trend toward more dynamic sites. A simple hover of the mouse can create interesting effects such as slide-in text, fade-in photos, shifting graphics, or a pop-up on your screen. Engaging video backgrounds are now very commonly seen on the site header. All these things are intended to be attention grabbers, and it’s highly effective (provided that it’s also fast-loading.) It is satisfying for viewers to interact with your site and inspired with their mouse clicks. Just be sure not to overdo it.

Creative Use of Geometric Shapes

Colorful graphics and shapes are becoming increasingly popular. It’s a great way to add interest without slowing the site down as the images tend to be low resolution and therefore fast loading. It’s common to find these geometric shapes on the website header to direct the user’s gaze to pertinent information including your CTA button. The design should be strategic and correlate with your site theme. Keep it fresh, original, pair it with photos when appropriate and don’t forget the “less is more” principle.

Below is an example of a site that effectively uses hexagon shapes to form an exciting and colorful picture collage.

Original + Quality Images = Attention Grabbers

At one time cheesy stock images were all the rage. OK, at least acceptable. Fast forward to 2018, and it’s a very different picture, literally. If you want to appear credible and gain the attention your site deserves, be thoughtful in your image selection. Choose only high-quality images that seem authentic for your website; if you have original photos — even better. However, there is indeed no shortage of high-quality stock images available from several different sources.

We love Pexels.com for a decent royalty-free selection that is cost-free. Adobe Stock is another excellent option with a broader variety for pay by image or month plans.

Asymmetrical Design

As original, cutting-edge web design is gaining recognition, and there is a growing trend toward asymmetrical design. The asymmetrical design is just as it sounds; a design layout that is not symmetrical and not following a grid layout. For instance, you could have a text block balancing out an image. It must be used strategically so that it still appears balanced and pleasing to the eye.

Chatbots

Chatbots are becoming more and more common in our ever-increasing technological generation. Many prefer digital communication to potentially waiting several minutes on hold to reach customer support. It’s convenient for users to type in their questions and receive instant feedback for their query. It benefits business owners as it allows them to assist customers without being physically there. Besides, you can gather information about your potential customer to serve their needs better.

Bright Colors & Gradients

In the last few years, we’ve seen more and more vibrant color schemes stylized on websites. Instagram popularized this concept by being one of the first companies to brand their logo with the flamboyant purple, pink and yellow gradient. It’s an effective way to gain interest when applied to headers, images, page backgrounds, and even text. It can be incorporated boldly to add intensity or subtly as in the below website examples.

Alluring Typography

As web browsers are better supporting custom fonts, we are noticing an increase in gorgeous typography that can sometimes gain more attention than the images! Bold, eclectic and occasionally custom fonts are a nice touch and should tie in with your company design style. Experiment with different font pairings that look good together.

Sites like TypeKit, FontSquirrel, and Fonts.com make it easy to check out different fonts and obtain the web font information.

Conclusion

In our constantly evolving world of web design trends, there is one thing that will remain the same: UX Design or User Experience. Ensure that your site functions well and navigation is made easy. Make sure your website provides ample information and is a satisfying and visually pleasing experience. Just as you would expect on a world-class cruise ship, go the extra mile and exceed your client’s expectations.

How to upload a product in WooCommerce

How to upload a product in WooCommerce

If you are a proud new owner of a brand new website we congratulate you! Woohoo, Congrats haha!! Now, although we know you are ambitious and are eager to dive right into your new site and start selling your products online we do have a few suggestions to help you become that big success you’ve always dreamt of. Owning your own website is a big deal… it now connects you with your clients online and will give you the brand awareness you deserve. If you follow the suggested steps below will help you keep your product shop looking fly reather than a hot mess.

Alight, let’s imagine you are all ready to go… logged into your WordPress site.

  1. On your Dashboard…click ‘All Products’ on the left-hand side.
  2. Click create a new Product.
  3. Choose an existing product (One already created so it is all correct). Hover over product and click “Duplicate”
  4. Edit product name match the new product. Try to include what the product is rather than just “Forrest Birds”. Include “Die” or “Stamp” in the title as well.
  5. Update Catagory checks. Check the category it belongs to (Example: Stamps) and the subcategory it may fit into (Example: Nature).
  6. Update your tags. Tags to include catagory, brand, designer, what it is, color, pattern, size etc.
  7. Replace Product Image. If the product has multiple images then use the best image as the “product feature image” and the secondary images as “product gallery” images. Include the product title and any other relevant information on your product image. This will make it easier to find again in the future.
  8. In the “Product Data” section located under the title please update
    The price (Under the General Tab).
    The stock and SKU (Under the Inventory Tab).
    Linked products (Under the Linked Products Tab).
  9. Lastly, update the description at the bottom in the “Product Short Description” section.

Now to create a variable product you do everything about but also:

  1. In the product Data section, in the drop-down menu that says “Simple Product” please change it to “Variable Product”.
  2. Click on the “Attributes” side tab. In the drop-down menu choose how your product varies (by color, size, pattern etc). Click “Add”.
  3. In the Values box type in your different variations.
    (For example, if you had an ink pad in different colors you would type in the first color and find it in the list)
  4. If the variation you are looking does not come up in your search click on “Add New” to create a new variation.
  5. Once you have chosen all your variations (You are allowed up to 50). Check the box that says “Used for variations”. And click “Save attributes”.
  6. Now go to the “Variations Tab”, click on the drop down and choose “Create variations from all attributes”. Two pop-ups will appear, click “OKAY” for both. All of your attributes will show up underneath.
  7. For each attribute, assign a price, SKU, stock, and image.
  8. Assign an image by clicking on the blue square. (This will help clients when they choose the color or size from the product drop down it will bring them to the image this chose. )
  9. When you are done editing all of the variations, click “Save changes”.
  10. Lastly, assign a product image from one of the variations (The best photo). And add all other variation images to the product gallery. (This is so when they click through on the product page they see all the variations.

TIPS:

All product images should be square and 700 pixels by 700 pixels. Try to center them if you can with some space around the product. For a clean professional look. The more photos the better (for showcasing your product).

Good luck! And don’t be afraid to ask questions!

4 Current Web Design Trends

4 Current Web Design Trends

I could list a few design trends that are ‘cool’ in web design that will surely make your site look hot. Instead I’m going to take you past the obvious and pin point some real important trends that you should be aware of if you are planning on launching a new website.

1. Clicks vs. Scroll

Do you remember how hard it was scrolling webpages? Painstakingly you had to move the mouse over to the right edge of the screen to something ancient called the ‘scrollbar’. Puke. If you were ahead of most users you probably used a mouse wheel, cursor keys or even a track-pad.

Now it’s far easier to scroll than it is to click. We all scroll, all day, on our mobile devices using our thumbs or index finger. However, clicking has actually become more difficult; total opposite of how it used to be on the good old desktop.

So remember to design around scrolling first, clicking second. This trend is bound to stick around for a long time. Modern sites will have fewer things to click and include much more scrolling. Expect to see less links, more buttons, larger clickable areas and tall pages that are designed with an infinite scroll page.

2. The fold is irrelevant.

In case you don’t know what ‘the fold’ is… The fold is the top part of a website (aka ‘the first impression’)
Now that scrolling is so easy, the fold has become completely irrelevant!

fold

Instead of cramming most important content near the top of the website, graphic designers are now able to use this space in a more create way. Most popular trend visible is the full screen image or video with a bold title excluding content until you start scrolling. Magazine like tall webpages are now filled with large beautiful imagery.

3. The pixel is dead.

What is a pixel? Nowadays fewer people know what a pixel is because it no longer is a ‘issue’ in the web world.
A pixel was … a pixel. If you take 1 square inch of your desktop screen you would have a total of 72 pixels in that square. So images uploaded to the web should be no more or less than 72 pixels per square inch for best resolution.

picels

Now, with responsive design we have moved towards grids and percentages rather than pixels. With Retina displays and modern browsers, website loads faster and automatically scales the images to any size without losing quality.

4.E-mail Subscription lists

Social media has become a huge success for consumers but on the flip side the producers are so happy.

With billions of posts every day, Facebook saturation has become so advanced that it learnes which users are most likely to enjoy the post and only show it to a select few. This mean over time based on your audiences likes and interests, your posts are increasingly seen by a smaller percentage of your followers. Annoying Right? Well there is a solution; if the budget allows. You can pay Facebook to release your posts to a larger group of people.

Clearly social media is going anywhere but instead of paying for a larger reach on Facebook posts you can invest a little elbow grease into email marketing. Email lists have one huge advantage over social media; a significantly higher percentage of people will see what you sent them and since they singed up to receiving your email they are more likely to view it.

popups

You can create a free account with MailChimp to start your email list today. It is easy to navigate and provides you with code that can be integrated to your WordPress website as a sign up form. From there you can set up automatic RSS email blasts directly from your blog to the consumer without ever having to think about it ever again!

Of course if you need some assistance with staying on top of current trends don’t hesitate to contact me. If you have a question please post in the comment area below and I would be happy to answer you.

Best Regards, Eve

What The Heck is WordPress?

What The Heck is WordPress?

Often business owners question… “What the heck is WordPress?” If you are wondering the same, you are reading the right article. Here are a few reasons why you would want to use WordPress and how you and your business can benefit from it.

Why WordPress?

WordPress is often mistaken as just a blogging platform. Although that used to be true, it has evolved over the years into a versatile content management system. While WordPress is still a great blogging tool you can also use it for fully functional responsive websites.

The best part about WordPress is that it is so simplistic and easily understood by many users. 22.5% of websites on the Internet are powered by WordPress. Many of the top brands use WordPress to power their websites including but not limited to: Time Magazine, Sony, Jay-Z, LinkedIn, eBay, and more.

WordPress is Easy To Manage

WordPress comes with build-in updater feature that sends reminders when a plugin or a theme is out of date. Keeping your wordpress theme updated ensures your website has a backup version and will run smoothly.

From a client perspective, using the WordPress platform is very beneficial. It allows you to login to your website and make changes with ease without having to hire a developer/graphic designer to make changes to price tables or text on your about page.

What type of website can I launch with WordPress?

The possibilities are endless. If you have a business, an artist or simply have something to say WordPress is the right choice for you.

You can use WordPress as the following:

  • Arcade
  • Blog
  • Content Management System (CMS)
  • Gallery
  • Portfolio
  • Rating Website
  • Shopping Store
  • Video Collection Site
  • Membership Site

To see how other top brands use WordPress to their advantage you can visit the WordPress Showcase.

Hopefully I was able to clarify what WordPress is and how it can benefit you online. If you have more questions, please comment below.