What they don’t tell you about designing a website from scratch is that, even with user-friendly web services, it can be overwhelming. Maybe you have a good idea of what you want it to look like, or maybe you’re just shrugging and thinking “like Facebook, I guess?” It’s hard to tell which parts to handle first. Should you write the copy for the page, pick out your hosting provider, or pray to the Google algorithm for a bountiful harvest? 

Luckily, there are decisions that you can make right now that will make the rest of the work a little less daunting.

1) Try out some demo themes.

You can do this when you’re searching for your website hosting/builder. Usually where ever you go they’ll let you take a peek under the hood to see what builder comes with the theme and what you can do with it.

    • In WordPress this is easy to do, they offer a ton of free themes that you can install just by going to Appearance>Themes>Add New. Once it’s installed, play around and see if it’s a right fit for you. 
      • If you don’t have WordPress installed somewhere (whether you have it set up through your hosting or you have the WordPress program itself downloaded on your computer), check out this blog
    • With Squarespace, they’ll have you fill out a short questionnaire then match you with the templates they think will work best with your project. They won’t let you view the builder itself without making an account, but they will let you take a look at the site. Still, if you want to go the extra mile they’ll let you set up an account without asking for a credit card. 
    • With Wix you gotta make an account before you do anything. But, once you do, you can dive right into any template you want. They offer free website hosting services that you can upgrade based on your needs. 
    • With Weebly: don’t.

This site uses the Zakra One-Page theme, which comes with the Elementor plugin. We like it because Elementor is a good front-end editor with a lot of flexibility. 

Your theme plays a big part in what you can and can’t do with your website. Therefore, knowing the possibilities with your website, depending on what kind of theme you get, will make a great many decisions a great deal easier down the line. With any luck, it’ll make one of your most difficult decisions for you – which hosting provider to host your site. 

2) Map out the structure of your site.

Much like how looking at themes before you make a decision will help you get a better idea of what your website will look like, making an outline of what will go on there will also help you design the pages when you get into the nitty gritty page building work.

Basic 3 Page Site Structure
When plotting out the structure of your site, think of it like a persuasive essay. Your homepage is your intro paragraph, your pages are the supporting arguments, and the contact page is your conclusion. This mentality will inform the foundation of your website in a couple of ways.
  • It will help you visualize and focus your website’s message so that you’re really effective at reaching your target audience.
  • It’ll also save you a lot of heartache later on when it comes to making your site easily picked up by search engines and easy to use for your clients/leads.

3) Look up the colors and fonts you want to use.

So this is a bit of a nitpick, but whether or not you already have your branding set up, it’ll save you a lot of time to find the codes for the colors and the fonts you want to use on your site before you start setting up. Website editors like Squarespace, Wix, and WordPress will sometimes give you some pre-set options for your palette, but if you really want to make your site stand out, it’s worth doing the extra step of deciding on your own colors. 

Websites commonly use RGBA and Hex Codes to render color. Those color codes are formatted like this

RGBA (Red, Green, Blue, Alpha): RGBA([Number], [Number], [Number], [Number])

Example: White = RGBA(0,0,0,1)

Hex: #[6 Digit Combo of Numbers and Letters]

Example: White = #ffffff

Pipette Color Picker Icon

If you already have branding and want to pick your colors straight from your logo, a lot of illustration/photo-editing software will also have color picking tools. (Usually it looks like a pipette.) You can use this tool to find the code for the exact hue you’re looking for. Having these codes on hand for when you’re building your website’s style sheet will save the day in a major way because you are going to be copying and pasting those bad boys a lot.
Also, depending on the theme, some of the fonts you may have in mind might not be available without doing a bit of coding, so it’s a good idea to know what you need to check when you’re theme shopping.

In conclusion, the best place to start is deciding what’s going to go on your site and how you want it to look.

{

Looking for someone to take care of your website setup for you?
Reach out to us for a free 15 minute consult today!

[fc id='2' type='popup'][/fc]

}