Nav Social Menu

    • Facebook
    • Instagram
    • Pinterest
    • Twitter

Riot Customs

Genesis WordPress Development, Maintenance & Support

  • About
  • Services
    • Custom Theme
    • Collaborations
    • WordPress Support
  • Themes
  • Home
  • Courses
  • Blog
  • Contact

4 Steps to DIY Your Way to A Professional Looking Website

Written by GuestBlogger

353 shares
  • Facebook10
  • Twitter321
  • LinkedIn
  • Tumblr
  • Buffer
  • Email

diy website
When you’re just starting out and getting the hang of things, still working out what your business is, who your ideal client is (and who isn’t) and what your unique selling point is, you probably don’t have the budget for a custom website nor do you need one. There are plenty of how-tos and tools out there to help you DIY your website. Webdesign + development may not be your zone of genius, and that’s OK.

Spending a lot of money on a custom website is just money down the drain when you’re still figuring out your target market & offerings. Make a site you can be proud of, at least enough to make you want to promote yourself. Here are 4 steps to DIY your way to a professional looking website.

1. Create a consistent color palette

Different colors convey different emotions, and apart from just choosing colors you like, you might want to pay attention to color psychology. Keep in mind, though, color psychology is largely cultural: for example, in the western world, white means innocence, but in many Asian cultures white is actually the color of death and mourning. So if a large part of your target market is from a different culture, pay attention to what the colors you picked mean to them.

As a general rule of thumb, pick no more than 3 – 6 colors, with 1 – 3 main colors plus 1 or 2 neutral colors, and optionally 1 or 2 POP colors (for the things that really need to stand out).

2. Choose fonts

Make sure you pick fonts that aren’t just nice-looking, pay attention to readability and combining fonts in a way that supports your content instead of distracting from it.

When combining fonts, make it easy on yourself by choosing fonts that are obviously different from each other. Avoid combining fonts that have barely noticeable differences between them.

serifvsans

In general, it’s easy to combine a serif with a sans-serif font. Serifs are fonts that have strokes on the ends of their letters, whereas sans-serifs do not have these strokes. Another type of font is decorative or display fonts. These are generally harder to read and should not be used for large blocks of text, such as body copy. They may be used as headlines, but you do still need to make sure they’re easy to read even at a larger size.

Pick no more than 1 – 3 fonts, with 1 font for the main text, 1 font for headings and optionally 1 font for quotes and other things to stand out. You can also pick just one font and only adjust the size, style (italic) or weight (bold) of the font between main text and headings and such.

 

3. Create a simple text-only logo

Every business needs a logo, but it doesn’t need to be very graphical. In fact, a lot of big companies also have a very simple, text-based logo. A few examples include Google, FedEx, and L’Oréal .

diy website

Some big companies use custom fonts or are more graphical than you think by using white-space in a clever way, but they’re all still just text.

Simply have your site name use one of the fonts you chose. Or use a completely different and more graphical font, like the brush font used here on Riot Customs.

It’s totally fine to tweak or even completely overhaul your logo later on. Even big companies like Google and Coca-Cola have changed and evolved their logos over time.

When you’re just starting out, you don’t need to spend money on a custom logo, a simple text-only logo will work just fine.

4. Use a pre-built theme or template

Using one of the default WordPress themes won’t do you any good if you want to have a truly professional-looking website. But there are plenty of free and affordable themes out there. Choose a theme you like and customize it. Add your logo and customize your theme with the colors and fonts you chose. Install web fonts if necessary, add a sticky navigation and create call to action buttons using your colors & fonts.

Knowledge on this Word Smith:

AnouskaRood-headshot

Anouska is a webdesigner + developer working with clients 1-on-1 to create or improve their websites. Sign up for her free Upgrade Your Site 14-day DIY Challenge here.

Keep up with Anouska: 

  • Website
  • Twitter
  • Facebook
  • Pinterest
353 shares
  • Facebook10
  • Twitter321
  • LinkedIn
  • Tumblr
  • Buffer
  • Email

Blogging, WordPress Leave a Comment

Get Simply Noted for Free!

This is a free theme we’ve built for the Genesis Framework. It will help your reader focus on the very content you create on your site. This is a clean, simple theme to showcase your writing or photography skills.

Previous Post: « Introducing Voilà – A scrumptious Genesis Theme
Next Post: How To Change Your Domains DNS »

Reader Interactions

Share Your Thoughts
Cancel reply

Your email address will not be published. Required fields are marked *

I accept the Privacy Policy

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Primary Sidebar

Simply Noted Theme


Simply Noted

A simple theme for the genesis framework. A great theme for writing out your thoughts. Grab this free theme today!

Download Theme!

Categories

  • Blogging
  • Business
  • Client Work
  • ConvertKit
  • Freebie
  • GenesisWP
  • Interact
  • Personal
  • Theme Releases
  • Theme Updates
  • Tools & Software
  • Tutorials
  • Web Design
  • WordPress

Master ConvertKit

A kick ass tech course on using the ConvertKit software. Want to start growing your list with the best email marketing software out there? What are you waiting for? Grab this course now!

Enroll Now!

Popular Post

change domains dns

How To Change Your Domains DNS

4 Steps to DIY Your Way to A Professional Looking Website

About Lead Your Page + Giveaway

How to Use the Landing Page Template

Footer

Dev Info

  • How it Works
  • Trusted Partners
  • Client Portal

Explore

  • Portfolio
  • Resources

Product Support

  • Theme Documentation
  • Submit A Ticket
  • Support Policy

Grab my secrets on how I manage a WordPress site.

Although it hasn't been busy on this here feed. It Although it hasn't been busy on this here feed. It's been busy in the actual business. 
⠀⠀⠀⠀⠀⠀⠀⠀⠀
In Q1 we launched 2 sites, migrated 7 accounts to ConvertKit, and added 1 business to Genesis Tuneup. 
⠀⠀⠀⠀⠀⠀⠀⠀⠀
Tell me about your Q1 wins and what you look forward to in Q2?
Spring is almost here and I can’t wait to share Spring is almost here and I can’t wait to share all the amazing things my clients have been up to this winter.
Oh hi there 👋🏾​​​​​​​​

We’re still here just not as active in the winter months. That’s the thing about running a business while disabled. Prioritizing were your energy goes during the painful months.  Clearly my energy isn’t for social media. 

See you in spring and Laissez les bons temps rouler.
Merry Christmas to you all!⠀⠀⠀⠀⠀⠀⠀⠀⠀
I hope it's full of good in whatever form that may be.
Back in the office after my birthday celebration. Back in the office after my birthday celebration. 
⠀⠀⠀⠀⠀⠀⠀⠀⠀
Q4 is going to be a straight banger, so many exciting new things I can’t wait to share with you. 
⠀⠀⠀⠀⠀⠀⠀⠀⠀
What are you working on?
Have you ever wanted to hire a developer to help y Have you ever wanted to hire a developer to help you with your site but for tweaks and integrations?⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀
VIP Days are back! ⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀
Sometimes you don't need a full development package for a custom theme. Because there's a good chance you already have a website but need to make some changes to it Sometimes you need to simplify your site to work better or install an improved theme. Got a plugin that's wracking yours or a client's site. I can help you find a better solution to that problem. Or you're just ready to implement a funnel, workflow, etc to get that passive income coming in.⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀
DeCoded can help you do just that. Here's how it works...⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀
Pick Your Date​ 🗓⠀⠀⠀⠀⠀⠀⠀⠀⠀
We're available on select Monday mornings PST.⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀
Morning Coffee​ ☕️⠀⠀⠀⠀⠀⠀⠀⠀⠀
We sit over a cup of coffee and break down what we're working on for the day.⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀
8 Hours of Development​ 👩🏾‍💻⠀⠀⠀⠀⠀⠀⠀⠀⠀
I'll spend the rest of the day working on your development task.⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀
Email Support​ ✉️⠀⠀⠀⠀⠀⠀⠀⠀⠀
You'll receive a whole week of support via email after everything is in place.⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀
Book today! Link in Profile

Copyright 2009 - © 2022 · Riot Customs LLC · Privacy Policy · Terms of Service
Riot Customs LLC has no offical affiliation with StudioPress
Return to top of page