Skip to content
Menu
  • Web Design Business
  • Web design Fundalmentals
City Kitty Design

How to Design Your Website and What Colors to Use

Posted on December 21, 2017


How to Design Your Website and What Colors to Use
Get Your Free Online Store Success Pack Here: http://www.effectiveecommerce.com/successpack/

In this lesson I’m going to teach you how to design your website we’re going talk about what colors you should use as well that’s a pretty important element as you know on my site I use a lot of pink and you’ll understand why in just a second why that is but in this lesson we’re really going to talk about how to design your website because that’s something a lot of people get hung up on. So some of the things we’re going to talk about within this lesson are what colors to use how to leverage your competitor sites data and this is a real key thing I talked about it already in the intro but this is really key we’re also going to talk how to leverage similar sites data. So maybe your your customers also shop at Macy’s calm or other similar sites maybe it’s best buy calm and I’m going to show you how you can actually research their what they’re doing and use that to your advantage and last we’re going to talk about designing your site to convert I’ve talked about this a hundred times I mean the only purpose of your Ecommerce site is to make people into buyers make them into customers. So we’ll talk about that more later. So first up what colors to use. So here’s a chart of a bunch of different colors the main primary colors and what their meaning is. So depending on what kind of thing you’re selling or what kind of message you’re trying to get across you might want to use different colors. So I did up using pink which as you can see represents tenderness sensitive emotional sympathetic love those are the big things I was trying to convey with my website I was trying to target moms who are buying a product for their daughter. So pink was a great choice now look at effective Ecommerce well what does blue represent it represents trust smart calm natural stable power all things that I want to convey especially the trust in the smart with effective Ecommerce I want to convey to you guys that like you can trust me you know I’m a smart guy I know what I’m talking about and ultimately that you’re going to gain some power through your own Ecommerce business. So try to figure out what you’re selling and what color should go with it because that’s going to be a core component of your website of everything you do your marketing things like that. So you can find a ton of this kind of data online do your own research see what colors represent your your website your company all that the next thing talk about is leveraging your competitors sites data and I’ll give an example but first let me explain what this is. So basically you’re going to borrow all the design elements from your competitors borrowing quotes and what I mean by this is they’ve already done all the legwork for you they’ve done the research they’ve done the data collecting and trying to figure out what the best website is for your niche. So the first step is to I mean what I ended up doing to be quite honest and this is my story is I basically went to one of my competitors website one of the lesser known ones and more or less copied their site and then I kind of changed up the things that I thought they were doing wrong. So they’ve spent once again millions of dollars on designing their site and researching it making sure it works within your niche because you guys obviously for competitors you share a niche. So why not see what you can take from there now everything might not be perfect there might be problems with it

Recent Posts

  • The Ultimate Guide to Choosing the Right Marketing Company in Charlotte
  • Unlocking Growth: How a Marketing Company in Charlotte Can Elevate Your Business
  • Top Marketing Companies in Charlotte: How to Choose the Right One
  • Finding the Right Marketing Company in Charlotte: A Guide for Local Businesses
  • Finding the Best Marketing Company in Charlotte: A Comprehensive Guide

RSS feed: Web Design News Web Design News

  • JavaScript SpeechSynthesis API November 20, 2025
    As the web continues to be the medium for all users, standards bodies need to continue to provide new APIs to enrich user experience and accessibility. One underused API for unsighted users is speechSynthesis, an API to programmatically direct the browser to audibly speak any arbitrary string. The Code You can direct the browser to […]
  • Fix “This video format is not supported” on YouTube TV November 17, 2025
    Setting up a new computer is bliss — no old, unused apps and the machine performs much better than the previous. Unfortunately, you may encounter new problems based on the new hardware. One such issue I encountered with my new MacBook was a “This video format is not supported” message when I went to YouTube […]
  • Easy way to upload, transform and deliver files and images (Sponsored) March 24, 2025
    Managing media is a really difficult task if you try to do all of it yourself, especially if the media comes from other sources. The file can be submitted in any state and size, but what if you need something really specific? You can code it all yourself or you can use an awesome service […]
  • How to Download a YouTube Video or Channel September 4, 2024
    The ability to download media on the internet almost feels like a lost art. When I was in my teens, piracy of mp3s, movies, and just about everything else via torrents and apps like Kazaa, LimeWire, Napster, etc. was in full swing. These days sites use blob URLs and other means to prevent downloads. Luckily […]
  • How to Add a Header to a curl Request August 3, 2024
    curl is one of those great utilities that’s been around seemingly forever and has endless use cases. These days I find myself using curl to batch download files and test APIs. Sometimes my testing leads me to using different HTTP headers in my requests. To add a header to a curl request, use the -H […]
  • Case Insensitive CSS Attribute Selector June 19, 2024
    CSS selectors never cease to amaze me in how powerful they can be in matching complex patterns. Most of that flexibility is in parent/child/sibling relationships, very seldomly in value matching. Consider my surprise when I learned that CSS allows matching attribute values regardless off case! Adding a {space}i to the attribute selector brackets will make […]
  • How to Set Date Time from Mac Command Line June 17, 2024
    Working on a web extension that ships to an app store and isn’t immediately modifiable, like a website, can be difficult. Since you cannot immediately deploy updates, you sometimes need to bake in hardcoded date-based logic. Testing future dates can be difficult if you don’t know how to quickly change the date on your local […]
  • How to Retrieve WiFi Password on Windows May 13, 2024
    Remembering the WiFi password when on a guest network is never easy. Even worse is when it’s no longer posted and someone else is asking you for it. Luckily there’s a built in Windows command to recover the password of a given WiFi network. The Shell Code Open cmd and execute the following command: netsh […]
  • How to Fix: Windows WASD Keys Reversed with Arrow Keys May 2, 2024
    This past weekend I had the opportunity to be what every father wants, if only for a moment: the “cool dad”. My wife was out of town and my youngest son wanted to play PUBG. I caved in, taught him the basic FPS key binds, and he was having a great time. While he was […]
  • HTML popover Attribute April 15, 2024
    Modals have been an important part of websites for two decades. Stacking contents and using fetch to accomplish tasks are a great way to improve UX on both desktop and mobile. Unfortunately most developers don’t know that the HTML and JavaScript specs have implemented a native modal system via the popover attribute — let’s check […]

Related Sites

CatNFTs.io

©2026 City Kitty Design