Hi Guys, if this is your first time on this blog, my name is Rudy.
I’m an ex-Chef who retired from the corporate world (not the lovely 9-5 job, but the 10-22 for 6 days per week schedule) three years ago at the age of 31 to start a family and live a financially free lifestyle with smart passive income from online business and dividend from my investments.
I know, it’s shocking. I was getting US$ 15 per hour as a 5 stars chef like a McDonald cook in Australia.
The happy part is that I hadn’t the time to spend my money (there is always a good side of the coin), and I stash away US$ 40.000 every year, saving 80% of my salary.
The combination of low cost living (around the internet is called frugality, but I was living a 5-star lifestyle) and high saving rate, resulted in my early retirement from the corporate world and the possibility to focus on my interests; FAMILY and MONEY.
Enough about me, let’s focus on color design.
Today you’ll learn:
~ How to find your primary colors
~ Use color scheme to make your website stand out
~ Where to get your logo done
Why Choose The Perfect Color Scheme For Your New/Old Website
Today I was looking at SmartMoneyToday’s website and realized I didn’t spend enough time thinking about the best possible colors scheme.
Few month ago when I first started this blog, I was in the rush to build the frame and content, the colors came with the theme, so I didn’t bother to improve it.
Other reasons I overlooked the colors scheme:
~ I wasn’t sure to carry on this project, I created this website just to store my investment strategy for my personal use.
~ I skipped a proper color scheme analysis because I didn’t expect to get visitors.
~ Not interested in monetizing the website.
What is changed today:
~ While researching and study new ways to grow my investments, I got to know brilliant financial bloggers out there, as a result they are visiting my blog. I want to welcome them with a beautiful website.
~ I start to get traffic, and more traffic means the possibility to make an income.
~ I know colors is going to impact the user experience, make a solid branding and improve conversation.
Colors for your WordPress theme or website are critical. Research and study in human response conclude that colors have an emotional pull on our decisions and choices we make in our everyday life.
Corporation spends millions of dollars in building a brand image. They understand the value and importance of colors for their brands and products.
You don’t need to spend a fortune to create your color brand. You don’t need to pay at all.
I will show you how to choose/improve your website color scheme by taking you behind the scenes of this blog.
I can’t Afford A Web Designer For My Website
I never use web designers for my websites. I’m sure they worth their money but to shell out thousands of dollars for a blog is just ridiculous.
To make sure people remember me and my blog, I put great emphasis on branding.
This is my Favicon:
The Favicon is an icon associated with a website. It’s shown on the top bar of your browser.
I use the same image as Gravatar. It appears beside my name in posts and comments around the net, so it helps to identify my brand and me.
The important aspect is the color and branding concept behind it. The green color is related to money and the “S” stand for “Smart”. The result is = Smart Money
I scroll around the net having a look at what other financial/money bloggers were doing. I found about 48 websites.
I picked the top 10 websites in the second round of inspection. The result was 3 websites left out of 48.
To get the same color scheme from these websites, I just right clicked the text or header, select “inspect” and took the color palette code.
Once you get the palette color, you can work on the different color variable for your blog.
Just open new post page in WordPress, select the “text color” button and click “Custom”.
Paste the color code next to # and play around with color variables.
You can also get colors from images and logos using “Windows Paint”, just watch this video tutorial. I just found a cool and easy software online that picks automatically the color of an image for you. Visit Coolors.
Click the camera icon and upload your logo or any image to pick up the best colors combination. I uploaded my logo and the result is shown in the picture above.
Combine Colors To Get Remembered
Usually for your blog, three colors are enough to create your brand.
The easiest way to match your new color is to visit Colorhexa and enter your primary color code in the bar.
ColorHexa gives you the best combination of colors so that you can start to build your website branding.
Let me explain the color scheme which is essential to create a successful brand.
Split Complementary Color
If you decide to use three colors for your site, use the Split Complementary Color.
You can learn more about color psychology here.
Time For The New Logo Design And Wrap Up This Project
Now that I have my three color’s palette, and did some minor changes to the website as shown below, I can hire my logo guy at Freelancer.com to get the job completed.
Just email me if you need this guy to make a logo design, I’ve used him for the last 5 years and I can recommend his work without second thought.
Not easy to find excellent freelancer at a good value.
I’ve update not only colors but move around the main menu to be more visible, plus added social links on the top bar with the colors.
You can see the high impact the top bar has with complimentary colors.
I have opted for a white background to offer a better readability to the visitors and clean face to the website.
The only misbranding item left on the website is the logo, it looks cheap and unprofessional.
I hope this 5 minutes color tutorial offer some value to you. I’m not a professional designer, but I wanted to show you how I improved my website look by showing you each step. Hopefully, you can apply some of my advice to your blog.
What do you thing about the website changes, better or worst? Have you hired a professional designer for your site or have done the color by yourself?
Please share and don’t feel shy to leave your comment below, we can grow together, and the best way is by sharing our knowledge.