How to Make a Website
Your website is your most powerful communication tool. It’s become the equivalent of a Yellow Pages listing in the internet age, and any business that doesn’t have a website runs the risk of being seen as illegitimate.
Your website is your business card, your presence on the web, and where you have the best chance to sell your products and services. You have complete control over it, from the look and feel of the branding to the content and messaging that you communicate to visitors. Ultimately, having a website is critical to turn visitors into leads and sell your products and services.
But if you’re just starting out, creating a website may seem difficult. Fortunately, it’s not! Most people think they need to hire web developers to get a website up and running, but there are plenty of website builders that make creating a website easy for anyone who knows how to use a web browser. Though many inexpensive design firms can get all this done for you quite affordably, however, for the sake of this article, we will strictly keep it a DIY website design project.
If you’re struggling with how to make a website, we’ve put together this simple step-by-step guide to help you build a website for your business.
You’ll start at the very beginning, with choosing a website builder that works for your needs (such as how much customization you want and what your comfort level is with coding). Then you’ll learn about registering a domain name, how to choose a web hosting service, how to set up your website, design options for your website, and how to add content to your website. You’ll even learn a little bit about content strategy so that your website will help you generate leads and sales.
Step-by-step guide to making a website
Ready to get started on a website of your own? There are six steps you’ll take, from start to finish. By the time you complete them, you’ll have a fully functional web presence that will make you appear credible to your online visitors, educate potential customers on your products and services, and increase your sales.
Here are the steps to making a website:
- Choose a website builder or platform
- Register a domain name
- Get web hosting
- Set up your website
- Design your website
- Add content to your website
While it may seem like a lot, you can make a website fairly quickly, in days rather than weeks or months, if you know what you want and understand the process.
Best website builders and platforms
How to choose the best website builder or platform
Before you register a website and start building it, you need to decide what platform you’ll use. Gone are the days when you had to know the alphabet soup of internet acronyms: HTML, CSS, and FTP.
Now you can easily build a website without knowing how to code or even upload files to a server. You can do almost all of the work through your internet browser without downloading any programs. It all depends on how much you want to customize your website.
There are a variety of website builders out there, including WordPress, Squarespace, Weebly, and Wix. Some are easier to use than others, and some have features that the others might not.
When you’re choosing the best website builder for your site, think about a few things, like how much experience you have with HTML coding, how much you want to customize the website, and whether or not you want to work with templates or a drag-and-drop interface to build web pages.
One of the best website builders out there is WordPress.
When most people think of WordPress, they think of the free blogging platform on WordPress.org. However, the WordPress.org open source software is available on WordPress.com, which actually deploys and hosts your website for you. You can either use WordPress.com’s web hosting or build a WordPress site on a website hosting service of your choice (more on that later).
WordPress uses plug-ins and themes to build websites, including e-commerce websites. It’s not the easiest platform to use, and you might need some coding knowledge for some of the more custom features or advanced plug-ins. However, you can use drag-and-drop templates and plug-ins like Elementor to design your site and customize it as much as you want.
Another popular website builder is Squarespace. You can create a mobile-responsive site with the drag-and-drop website builder.
Squarespace provides good e-commerce capabilities, including the ability to sell digital downloads. It’s possible to build an entire e-commerce website on Squarespace.
However, there are fewer templates and customizations available to you if you go with Squarespace, and unlike WordPress, you can’t use third-party widgets and plug-ins to customize your site. Squarespace also doesn’t have a free plan or offer a non-hosted option, so you’ll have to pay monthly hosting fees.
If you’re looking for one of the best website builders for novices, Weebly might be it. Weebly provides an intuitive interface and lets you use a variety of responsive themes — although their mobile websites are not customizable.
There’s a free option, and you can download the entirety of your site as standard HTML or CSS if you want to move your site to another platform.
A lot of people new to website builders choose Wix because it’s arguably the easiest one to use. Wix offers a free site option if you want to try it out. The interface is very intuitive, and you can use a lot of gadgets to add functions or customize your site. You can create a custom site that extends to mobile and works well for e-commerce.
While Wix doesn’t come with website analytics or use responsive design in the strictest sense, it’s easy to create a fully functional and customized website using Wix.
Copyfolio is a website builder that was designed with primarily writers in mind – to help them build websites quickly and easily without worrying about design or coding.
You can choose a website template, build your pages section by section, and put a whole website together in a matter of minutes. The available color palettes and font presets will save you precious time: you can change the look of your entire site in just a few clicks, instead of going over each element. And if you’re building a portfolio and need help with writing case studies, Copyfolio has prompts and guiding questions for you – based on insights of top professionals from the creative industry. (Think successful freelance writers and creative directors of top agencies.)
Copyfolio was designed to create personal websites and portfolios, so if you’re looking for a tool to open an eCommerce store, this won’t be the website builder you’re looking for. The same stands if you want to add custom code or a variety of widgets to customize your site. But if you want to boost your personal brand and put your portfolio online, it will be a great fit.
TemplateToaster Website Builder
TemplateToaster is a powerful website builder to create your own website within minutes. It is an offline website builder, that is, you can create websites offline on your desktop machine.
TemplateToaster is a Web Design and CMS Theme design software. Create high-end responsive themes for several major Content Management Software (CMS) like WordPress, Drupal, Joomla as well as eCommerce platforms such as Magento, OpenCart, PrestaShop etc.
Create stunning websites either from scratch or with hundreds of beautiful pre-designed templates provided by TemplateToaster. Download it now to let your creativity out. “
If you register your domain name on GoDaddy (one of the largest domain registration companies), you’ll be encouraged to use GoDaddy GoCentral to build your website.
GoDaddy GoCentral gives you a lot of storage space and bandwidth, and the interface is easy to use. You can create professional-looking websites for both desktop and mobile browsers.
However, they offer fewer customization options and no photo editing capabilities. And if you want to build an e-commerce store, you’ll need to upgrade your plan. GoDaddy GoCentral doesn’t offer a free option.
Gator Website Builder
Website hosting platform, HostGator, offers one of the best website builders: Gator Website Builder. If you choose HostGator as your hosting platform, you can use this website platform to create your site.
Gator Website Builder has a clear, easy-to-use interface and lets you use modern website templates. They also offer e-commerce capabilities, including the ability to sell digital downloads on your site.
However, there are a limited number of third-party plug-ins and add-ons you can use, and you can’t edit photos on Gator Website Builder. Still, this is a good option if you’re looking for a platform that will let you create a website easily and quickly with limited know-how.
There are many other website builders out there. These are just a few of the best ones. As you’re evaluating which builder to use, keep in mind that some of these options will require a level of technical knowledge, particularly if you want to do a lot of customization for appearance or functionality. Others provide a simple drag-and-drop template that will allow you to create a website in a matter of minutes but offer less overall functionality.
How to get a domain name
What’s the first thing you should do when building a website?
Get a domain name.
Visitors get to your website through your domain name. It should be the same as — or similar to — your company name. Purchasing and securing a domain name for your website doesn’t take very long, and the process is fairly straightforward.
What is a domain name?
In the simplest terms, a domain name is your website name, like acme.com. It’s the address where your visitors will go to view your website. They’ll either type the domain name directly into their web browser bar, or they’ll search for your company or your products via a search engine and be directed there.
Your domain name can be any combination of letters or numbers, and you can even include hyphens (although that’s not recommended).
Computers actually use IP addresses to go to websites, but IP addresses are strings of numbers that are difficult to remember. That’s why there are domain names, which should be easy to remember.
A domain name is different from your web host. If you think of it in physical terms, a domain name is like your address, and your web host is your building. You’ll need a domain name so that your web host can publish your website and point traffic to it.
A domain name has two parts: top-level and second-level.
Your top-level domain is to the right of the last dot, and it will usually end in “.com.” The top-level domain gives clues about the owner. That’s why government agencies typically use .gov, and schools and universities use .edu. Nonprofits often choose a .org address. There are also top-level domains that reflect location, like .ca, .uk, and .us.
The second-level domain is your actual identity and the name you choose. For an address like samplebusiness.com, the “.com” is the top-level domain, and “samplebusiness” is the second-level domain.
How to acquire a domain name
It’s fairly easy to acquire a domain name (or register one). The Internet Corporation for Assigned Names and Numbers, known as ICANN, registers domain names. There are a lot of domain registrars to choose from, and ICANN has a list of accredited and reputable domain registrars on its website.
Some of the more popular domain registrars include GoDaddy.com, Domain.com, Bluehost.com, and Register.com. For some top-level domains, like country-specific ones, you may need to use a different domain registrar.
You don’t have to register your domain with the same company you use for web hosting; for example, a lot of people will use a domain registrar just to acquire a domain name and then choose a different provider for web hosting.
How to choose a domain name
Before you register your domain, you need to choose a domain name. As you come up with a domain name, use your domain registrar’s availability checker to make sure you’ll be able to buy it.
This is something you need to carefully consider; your domain name is how your visitors will find you, and it should be easy for them to remember and type into a browser address bar.
Here’s how to choose a domain name that will have staying power.
Get a .com domain
People naturally type .com after most of the domain names they enter. Your first choice of a domain name should be a .com one. Using .net, .tv, or anything else could cause confusion, especially if no one has registered the .com that goes with your .tv.
However, it may be worth it to register your domain name with several different top-level domains, as there are some great options available. For example, if your business is located in New York City and you can provide a New York City contact address, you can register your domain with the .nyc top-level domain extension.
Tech companies can use .io, .ly, and .digital, among others. There are also .bar, .pub, .cafe, .pro, .info — the list goes on. These top-level domains are also great if your .com domain is taken.
Keep it simple
Your domain name should be as short as possible and easy to remember. While something like “luv4kitteez.com” is adorable, it requires your visitors to remember the unique spelling. It’s the same with a domain name that has hyphens or with a word that’s commonly misspelled.
And if you’re trying to appeal to a broad audience, avoid specific industry terms that the average person wouldn’t know or search for. You want your web address to flow off their fingertips as they type it.
Your domain name is one of the best places to use keywords for search engine optimization (SEO) purposes. The keywords need to be compact and to the point; try to avoid extra words in your domain name. For example, “FifiCatSupply.com” will be much easier to remember — and work better for SEO purposes — than “CatSupplyFromFifi.com.”
Use your name
As great as it would be to register the domain name “BestCatSuppliesEver.com,” that could be anyone’s domain name. Use your brand name as part of your domain name. Again, this makes it easier for people to remember your domain name and type it into a browser bar.
Don’t limit yourself
You never know what will happen with your business. You may decide to expand from just cat treats to carrying a full line of cat supplies, including carriers and custom collars. While FifiCatTreats.com may be perfect for the next couple of years, don’t limit yourself by choosing a domain name that is too narrow for what your business may become.
Avoid random strings of words
It’s tempting to string a bunch of keywords together for SEO purposes, but too many keywords can confuse your visitors. For example, TunaSalmonCatTreatsCollars.com is descriptive, and it will help your SEO. But your visitors will have to remember the exact order of the words, which will make it that much harder for them to find you.
Make sure your domain name is available on social media
The last thing you want to do is register a great domain name, only to find out that the page name is taken on Facebook, Instagram, Twitter, and/or Pinterest. As you choose a domain name, check the social media sites you want to build a presence on to make sure you can reserve the corresponding username. This will help you be consistent across platforms and make it easier for visitors to find you on multiple channels.
How to register your domain name
You’ve chosen a domain registrar and a domain name; now what? It’s time to register your domain name so you can get started building your website. This is a fairly straightforward process.
Fill out the forms on your domain registrar’s website. You’ll have to provide personal information for the “WHOIS” database, but this can be masked. Most domain registrars will offer this option for an additional fee.
Next, you’ll pay the fee. The price for your domain name should come up during the availability check. If you go with the domain registrar’s web hosting service, your domain might be free with a hosting package. After you pay, you can either park your domain or start using it right away.
If you don’t have a website yet, park your domain until you build your website and point your domain to it. Basically, your domain registrar will set up a page for you saying that the domain name is reserved.
Now you’re ready to start creating your website. In the next section, you’ll learn about web hosting and how to choose the right web hosting plan for your website.
How to get a web hosting provider
Your website is going to need a place to live, and that’s where web hosting comes in. You can easily find an affordable hosting for less than $1 per month. You’ll have to choose a web hosting provider that will work for you, and there are several options you can choose from.
What is web hosting?
Web hosting is the storage space for your website. Web hosts are companies that sell space on servers. Think of your website as a bunch of files. When you open files on your computer, they need to be somewhere, either on your hard drive or in a cloud storage space. Web hosting is the cloud storage space where your website’s files are. Or, to use another metaphor, your domain name is your address, and your web hosting service is your building.
When visitors type in your domain name, they’ll go to your website, which lives on this server. Their computer will connect to your web host’s servers, and they’ll be able to view and interact with your website.
Best web hosting services
Web hosting companies store websites and make them available to visitors. They all offer different plans at different price points. When you start looking for a web hosting provider, consider the different services out there, what you need to host your website, and what your budget is for hosting services.
Here are a few of the best web hosting services to consider.
Bluehost’s shared hosting plans start at $3.95 per month. The company offers specific WordPress and WooCommerce hosting plans, along with management support.
Customers get free SSL certificates (electronic certificates that indicate your website is secure), free domain name registration, and 24-7 support. Bluehost performs daily backups on even the lowest priced options. The price of hosting goes up after the promotional period ends.
With HostGator, shared hosting starts at $2.75 per month. The company offers plans for almost every need, from a basic shared WordPress site to a dedicated server that only your company uses.
HostGator lets their dedicated hosting users customize their server and gives them the option of Windows or Linux hosting. They provide uptime monitoring, regular backups, and free cPanel or Plesk for managing your installation. However, once the promotional period is over, it can be difficult to tell how much you’re actually paying for web hosting.
If you’re looking for a lot of different features, like the choice between Windows and Linux-based servers, caching, and SSL, A2 Hosting includes these with every plan. Some plans include uptime monitoring and regular backups, and all plans include scanning for malware and automatic updates.
Shared hosting starts at $2.99 per month. However, like most hosting providers, the pricing isn’t very transparent. You do, however, get 24-7 support by chat, email, and phone.
Based out of Lithuania, Hostinger offers a variety of plans that can be optimized for WordPress. Some plans include SSD performance, dedicated IP addresses, and regular backups. Most offer some level of SSH access.
For your first year, you can get shared hosting for $.99 per month, but the price does go up after the first year. The money back guarantee is simple and straightforward; if, within 30 days, you’re not happy, you get a full refund, no questions asked. Hostinger offers 24-7 chat support.
Ideal for small businesses that need something a little more complex than a simple WordPress hosting option, SiteGround offers shared hosting plans that start at $3.95 per month. Web hosting plans come with free automatic daily backups, high-performance SSDs, and free LetsEncrypt SSL certificates.
SiteGround is security conscious. Along with firewalls and an AI system to monitor systems for suspicious activity, a dedicated security team on staff writes patches. With the $3.95 per month plan, however, you do have to pay to restore your site from a backup. Also, the cost of hosting doubles after the first year.
Considered one of the best web hosting services, Dreamhost offers their own easy-to-understand control panel for customers. Storage is on SSDs, and all plans get SSLs.
Pricing is more transparent than other services; shared hosting starts at $2.59 per month, and Dreamhost offers a 97-day money back guarantee, the most generous of all the hosting plans available.
How to choose a web hosting plan
A lot goes into choosing a web hosting plan beyond pricing.
Before you sign on with a web hosting service, consider what the goals of your website are and how fast you expect to grow your business. Also consider your level of technical expertise, as some hosting services provide more support than others.
Next, look at how much storage space, bandwidth, and control the different hosting plans offer. If your website is for a small local business that doesn’t need a lot of room to grow, you may be fine with a shared hosting plan that lets you build a site and update it as needed. If you plan to expand rapidly into other markets or anticipate a lot of web traffic, you’ll need to consider a more expensive option.
As you look at hosting providers, make sure you investigate the uptime they offer; it should be at least 99 percent. Note how long they’ve been in business, a big measure of credibility, as well as how many customers they have and where their customers are located. Read online reviews and testimonials to see how they do.
In addition, check to see if the hosting provider offers 24-7 support in some form, as well as security features, backup services, and mobile access, if that’s something you think you’ll need.
Below are the types of hosting available to you.
Shared hosting is the least expensive option. It’s ideal for blogs and small businesses that are just starting out. The downside of shared hosting is that you share space with other websites on the same server, so if one of those sites overloads, your site may slow down.
WordPress hosting is specifically optimized for WordPress sites. If you build your site on WordPress, you can either purchase WordPress hosting through WordPress or through any number of web hosting providers.
E-commerce hosting is offered by a lot of web hosting providers. It’s great for online businesses, and many hosting providers offer a dedicated web server for your e-commerce site, along with email functionality.
Dedicated hosting gives you the most control over your server, and you can install any software you want. It’s like having a server in your office, except it’s managed and monitored by your web hosting provider.Reseller hosting is for users who want to resell their hard drive space on web hosting providers to host other people’s websites. You probably won’t need this unless you’re planning to start a website design business and are able to make a profit.
How to set up your website
Now that you’ve reviewed and chosen a website platform, registered your domain name, and picked a website hosting provider, it’s time to set up your website. You don’t need lots of technical skills to do this. Your website platform, whether it’s WordPress, Squarespace, Wix, or something else, will have all the HTML, CSS, PHP, and other code alphabet soup behind the scenes.
If you’ve chosen to use Squarespace, Wix, or Weebly, you’ll likely be using their hosting platform. This makes it much easier to set up your website; just log into your account and start building your website, adding pages, images, and content.
Your website hosting provider should have a step-by-step tutorial that will walk you through how to set up your website. The process is usually fairly straightforward. Here are the steps you’ll likely take as you install your website builder or platform on your web hosting service:
- Log into your hosting account.
- Go to your control panel.
- Look for the icon that matches the web platform you’ve chosen to use.
- Choose the domain name where you want to install this website.
- Click the Install Now button.
This is the process you’ll use for any website builder that’s been created by a website hosting provider. For example, if you use GoDaddy’s GoCentral, you’ll be able to install your website with just one click using this process. This is also how you can set up Gator Website Builder in HostGator.
However, if you’ve chosen to use a web hosting provider and WordPress (or another platform that’s more of a content management system, or CMS), you’ll need to make sure you click on the WordPress icon in your control panel and follow the instructions onscreen. Your website hosting provider, whether it’s Bluehost, HostGator, GoDaddy, or something else, should have a step-by-step walk-through that installs the website platform for you.
How to install your website builder manually
In some cases, a web hosting provider won’t offer one-click installation for installing your website builder, or you may want to do it yourself. In this case, you’ll need to install your website builder manually. Depending on which hosting provider you’ve chosen, your website setup may differ slightly.
It isn’t difficult to install WordPress on your web hosting provider and set up your website.
Before you install WordPress, make sure that your web hosting service is using PHP 7.3 or greater and MySQL 5.6 or Maria DB 10.1 or greater. You’ll also need a login account for your web hosting service, a text editor like Windows Notepad or OS X TextEdit, FTP access, and a web browser. You’ll use a text editor to edit the main configuration file, if needed, and an FTP program like FileZilla to upload your files and set permissions for those files.
To install WordPress manually, follow these steps:
- Download and unzip the WordPress package from WordPress.org.
- Create a database for WordPress on your web server as well as a MySQL (or MariaDB) user who has all privileges for accessing and modifying it. Your hosting provider may have already set up a WordPress database for you, or you may be able to do this by clicking on a setup link. If you can’t find the database, contact your website hosting provider for support. Make sure you actually need to set up a database before doing it. If you do have to set up a database, you’ll likely use phpMyAdmin to do so. Choose a name for your database and create it in the directory. Then create users and assign them privileges. You’ll need to create at least one user in your database who has full access to change the database, the Admin user. This is different from the WordPress users who will publish on your site. If you have only one database, and it’s already being used, you can still install WordPress on it. Just make sure you use a distinctive prefix for your tables so that you don’t overwrite any existing database tables. Don’t worry about installing a wp-config.php file yourself. If this isn’t something you’re comfortable doing, WordPress will create it for you when they set up your website.
- Use FTP access to upload the WordPress files where you want them to live on your web hosting provider. For example, if you want WordPress as the root of your domain (e.g., http://yoursite.com), upload all of the files from the unzipped WordPress directory, except the WordPress directory itself, into the root directory of your web server. If you want your WordPress installation in a subdirectory (e.g., http://yoursite.com/blog), create the directory on your server, then upload the WordPress files to the directory.
- Run the WordPress installation script by typing your domain name into your web browser. This should be the domain name where you updated your WordPress files. If you installed WordPress in the root directory, you’ll type in http://yoursite.com. If you installed the files in their own subdirectory, you’ll visit http://yoursite.com/blog (or whatever the subdirectory is). The WordPress installation script will run automatically, and WordPress will be installed and ready to use. If you didn’t create your own wp-config.php file, this is where WordPress will ask you if you want them to create and edit it. WordPress will ask you for your database details; just fill those out, and they’ll create your wp-config.php file and continue to install WordPress on your website hosting provider.
Once installed, WordPress will take you through the process of setting up your website and accessing it through the WordPress administrator panel. Enter your site title, a username to log into WordPress for administration and publishing purposes, a password, and your email; check the box if you don’t want search engines to find your WordPress site. Once you’ve successfully installed WordPress, you’ll be able to log into your WordPress administrator panel and start building your website pages.
At this point, you’ll also be able to create additional WordPress users to publish on your website. Those users are
- Super admin: someone with access to the site network administration features and all other features. This isn’t something you need to worry about when you first set up your website, because ideally everything has already been set up for you.
- Administrator: someone who has access to all the administration features in your website. This should be you.
- Editor: someone who can publish and manage posts, including posts by other users. The Editor role can’t change the theme or how the website looks and feels.
- Author: someone who can publish and manage their own posts. The Author role can’t publish anyone else’s posts or change the site’s appearance.
- Contributor: someone who can write and manage their own posts but cannot publish them.
- Subscriber: someone who can only manage their profile. Create this type of user if you have a site that requires logging in. However, when you’re first setting up your website, you don’t need to do this.
How to design a new website
After you secure your domain name, choose a hosting provider, and decide on the type of website builder you’ll be using, you can start designing your new website. This will require more than just adding text and pictures. Your website should look professional and polished and reflect your brand. In this section, you’ll learn how to
- Choose a website template
- Use key elements of website design
- Design a homepage
- Pick the right fonts for your website
- Find and use the right images
- Choose a color scheme
- Optimize your website navigation
- Design the website taxonomy
- Capture leads from your website
How to choose a website template
Much of the heavy lifting for website design can be done with a website template. A website template is a predesigned web page, or set of web pages, that lets you plug in your own images and text. You can also choose the color scheme and fonts, so the look and feel of your website match your branding.
Most website builders have a selection of free, customizable templates you can use. Remember that it’s always better to take your time to choose the right template for your website than to rush into selecting one that won’t work for you later. Investing the time now means you’ll have a website that will grow with your business.
Know what type of website you’re building
E-commerce sites that sell products will have different requirements than business websites meant to capture leads and serve as a brochure.
It’s easy, especially for beginners, to get pulled into a beautifully designed website template that doesn’t match their requirements. Before you choose a template, make sure you know what you need, whether it’s a way to add products for sale or a way for customers to contact you.
Consider the costs
You can choose from a lot of website templates; the cost ranges from free to very expensive. How much your website template costs is definitely a consideration, but also think about how much time and effort you’ll have to spend getting it to look the way you want. How much time do you want to spend on customization? Would that time be better spent working on your core business?
It’s tempting to use a free template, especially if you’re focused on budget. However, choosing a template just because it’s free can come with its own share of problems, including a lack of functionality, minimal customization options, and no tech support.
There are a lot of great free website templates, but consider the quality of the template, the features and functions it supports, and how much customization it provides. Whatever you choose, make sure you’re getting your template from a reputable provider. Read reviews about the provider and the template itself to help you decide.
Look carefully at customization options
No matter how beautiful the template design is, you should be able to customize it to match the look and feel of your business. You may not need to do a lot of customizing now, but as your business grows, you may want to hire a developer to add custom options. At the very least, you should be able to change the colors and fonts of your website template to match your branding.
Other website template considerations
Finally, there are a few absolutely non-negotiable options your website template must offer:
- Responsive design. A website with responsive design will adjust the layout when it’s viewed on a mobile device, making it mobile-friendly.
- SEO-friendly. If your website isn’t optimized for search engines, it doesn’t matter how pretty the template is. Take a look at the hierarchy and navigation in your site’s template, and make sure it’s well coded to reduce page load times.
The website design process: Key design elements
Most of the website design will be done by your website template provider. However, it’s important to understand some key elements of website design, not only so you can choose the right template but so that you can customize it to your requirements without sacrificing the appearance of your site.
One website design principle is Mondrianism. Piet Mondrian was a Dutch painter and one of the founders of abstract painting. He’s well known for his mosaic-like paintings that focus on primary colors and clear lines. These mosaics work well as a design grid for websites, particularly responsive websites. A lot of sites use a tile design similar to Mondrian’s mosaics.
Here are some other things to consider as you design your website:
- Your color palette. Use a strong but limited color palette, as too many colors will be visually distracting.
- White space. This is a catch-all term for empty space in your web design. White space acts as a buffer between all the elements of your web page: header, sidebar, margins, etc. It helps the visitor navigate your site.
- Fonts. Choose fonts that reflect your industry. For example, a lawyer or accountant may choose serif fonts, which have small extra strokes at the end of the main vertical and horizontal strokes of letters, e.g., Garamond. A designer may choose sans serif, which doesn’t have the extra strokes, e.g., Helvetica.
Designing your website homepage
Your homepage may be the most important part of your website. It’s the first thing visitors see when they visit your site, and it typically introduces them to what you’re all about. Every website has a homepage. If your homepage isn’t a welcome page, use your slogan to tell your visitors what you do.
Here are some common characteristics of a homepage:
- Large, bold typography. It’s easier to read messages on a homepage and skim them when the type is large and clear. The color of the type should contrast against the background. Make sure you use a bold font choice.
- Plenty of color — but not too much. The human eye notices color. Consider your color palette and use enough color to make the page visually interesting.
- Creative graphics and photography. People are drawn to images, so your homepage should have interesting images and informative photos that help orient your visitors to what you do.
- Concise messaging. Now is not the time to extol the virtues of your business. Sum up what you do in a few short, skimmable sentences or bullet points.
Choosing fonts for your website
The best fonts for your website depend on your business or the purpose of your site. Some fonts work better for headlines, while others are good for paragraphs. Also consider whether the font comes in special styles, like italics and bold, and its overall readability.
Serif fonts, particularly in headings, are ideal if you’re setting up a website for a more traditional business, like a law firm or financial services firm. They’re considered elegant and sleek. However, sans serif fonts are playful and clean. Some sans serif fonts have a handwritten feel.
There are no hard and fast rules for fonts, however. Most websites use a small selection of common fonts, like Arial, Helvetica, and Georgia, which are safe choices and holdovers from the days when font choice was limited.
You don’t have to use one of these fonts, and if you’re willing to download new fonts, you’ll have a wide array at your disposal. You can use one font throughout your entire website or choose two fonts that either complement each other or contrast, like a script font and a sans serif font.
How to find website images
A picture is worth a thousand words, so you should find images that speak to your visitors. When you choose website images, keep in mind your color palette and what you’re trying to communicate to your visitors. You can use three types of images.
There are a lot of stock photos on the web. These photos were taken by someone else and are sold for you to use. Some sites will require you to pay for the photos, like Adobe Stock. Other sites, like pixabay.com and pexels.com, offer free website images you can use as you wish.
Pay attention to the fine print. Make sure that you abide by the terms of the stock photography site where you purchase the photos. If there are limits to where and how you can use the photos, don’t go beyond them. Otherwise, you’ll be responsible for paying extra fees.
When you use stock photos, be very conscious of the people in them. The images should reflect your brand and its aesthetic. Also, consider the diversity of the models as you choose your stock photos.
These are photos that you take for your website. They can be lifestyle images of your products in action, products themselves, or photos of your team. You can either hire a professional photographer to take the pictures, or if you’re good with a camera and have a high-quality one, take them yourself.
You can also use illustrations as website images. Choose clean illustrations, not superimposed imagery like data visualizations across city skylines, because these can come across as cheesy. You can find illustrations on some stock image websites. Alternatively, you can create your own or hire a designer to do so.
How to choose your website color scheme
A lot of choosing a website color scheme comes down to the psychology of color. First, choose the main color for your website, then choose one or two accent colors and a background color. Your main, or dominant, color will be your brand color.
Choosing your dominant color
Your dominant color is the color most closely associated with your brand. For example, most people think of brown when they think of UPS.
Your dominant color will be a key component of your website color scheme and will inspire certain emotions in your visitors. For example, red evokes passion, urgency, and excitement, while blue represents stability and calm.
Also, consider your audience: Is it male or female? Younger and energetic or sophisticated with more money to spend? Not all colors will be right for your website, so choose a bold color that will speak to your audience.
Choosing accent colors
Monochromatic websites can be boring, so you should add one or two accent colors to your website color scheme. The accent colors should complement your dominant color. A color matching tool like Adobe Color CC can help you do that. Use the accent colors to highlight secondary information on your website, like subtitles and information boxes.
Choosing your background color
The best background color comes down to readability. Most information and e-commerce websites use a white or neutral background color because it puts the focus on the products and ideas, not on the website design.
How to optimize your website navigation
There are a lot of ways to make sure your website navigation is simple for your visitors. One way is through website menus. Your website template may include user-friendly horizontal or vertical navigation menus. These often are dropdown menus that show more navigation options when your visitor hovers over a tab.
To optimize your website navigation, make it as easy as possible for visitors to find what they’re looking for. First, figure out what top-level pages should be in your navigation bar. A lot of companies use company-focused navigation, e.g., “Company Profile, Products, What We Do.” Instead, use customer-focused navigation that puts your top products and services categories in the navigation bar.
For your secondary pages, those that show when visitors hover over the top-level pages, use terms that people search for, like “gluten-free cookie recipes.” This makes it easy for your visitors to find what they want.
Website taxonomy design tips
Website taxonomy is how you classify different things on your website. For example, a business website may classify pages as blog posts, information pages, or product pages. A dessert blogger might categorize her posts as cookie recipes, cupcake recipes, and muffin recipes.
When you design your website taxonomy, keep these factors in mind:
- Business goals. Think about the business purpose and the goal for the taxonomy. Are you classifying pages to broadly manage content or to create specific, niche categories for your pages?
- The effect on SEO. When search engines crawl your site, they follow the taxonomy to index all the information about a specific topic. Without a consistent taxonomy, your site will be difficult to index.
- Your users. Without a clear website structure, your users will leave your site. For example, if they’re looking for tuna-flavored cat treats, they’ll expect to find them by looking under the type of pet and treats.
Once you’ve decided on your taxonomy, map it with metadata or defining keyword characteristics. This will help your system automatically categorize your pages as you create them.
Ways to capture user information
When designing your website, look for ways to capture leads or relevant user information, which will help you improve your site and provide users with what they need. There are several ways to do this:
- Analytics. Depending on your website builder, you may have analytics built into your website. If not, you can use Google Analytics (which you should use anyway) to track how visitors behave on your site. For example, you can see how they came to your website — for instance, through a web search or social media link —as well as what pages they visited, how long they stayed on your site, etc. Knowing this will help you figure out what you need to do to optimize your content.
- Logins. In WordPress, you can let users create usernames and passwords to view content. This is one way to capture information like email addresses so that you can later market to your users.
- A newsletter signup link. If you plan to do email marketing, you can create a newsletter signup link that asks visitors for their email address and other information. Make sure that you’re not asking for too much information (for example, requiring them to provide their phone numbers), and if possible, offer them something in exchange, like a downloadable checklist or a discount.
- Contact forms. With a tool like JotForm, you can create contact forms on your website and include fields for your visitors to indicate what they’re interested in.
- Surveys. You can also design surveys to find out your visitors’ interests.
How to write content for a new website
Now that you’ve selected a theme for your site and designed it, you need to add content. This is the most important part of your website. It introduces you or your company to your customers, engages them, and humanizes your brand.
While your design and imagery are important, the words you use are what will build trust and convince your visitors to buy from you. Design alone isn’t enough; you need on-page website content to engage with your potential users.
Why write website content?
There are several reasons to write website content. One of the biggest is search engine optimization (SEO). As Google and other search engines crawl the web, they index websites based on the text included.
While images and videos are very engaging, search engines index them differently than text. For example, someone may search for “prom dresses,” but the image results could display below local shops and text-filled websites. For services-based businesses, like graphic designers, a search for “graphic designer” is unlikely to turn up any images on the first page of results. Images need to be published with image tags and not as background images for Google to index them.
Website content also provides a great opportunity to build internal links — links to other pages on your website that can direct visitors to additional information. An internal linking structure helps guide your visitors through your site and helps with SEO. When search engines crawl your website, they follow the links to determine the relationship between your content and group pages by similar subject matter.
Aside from SEO, website content educates your customers and shares your messaging. There are different types of content you can use on your website: informational pages that talk about your company, blog posts that highlight your expertise, informative guides and whitepapers that can be downloaded, product copy that dives deep into each product, service pages that describe each service you provide, and more.
Once you’ve mapped out what you want to include on your website, such as homepage content and services page content, you’re ready to start writing content that engages visitors and helps turn them into customers.
How to write content for a website
There’s a lot of noise on the internet. In March 2019, over 4.4 million blog posts were published each day. Your task as you write content is to cut through that noise and get through to your visitors. Good writing will engage your visitors and get them to take action. Here are a few things to keep in mind as you develop your website content.
Your website’s audience
Good content speaks directly to your visitors. Think about who will be reading your website. What problems do they have, and how do you solve those problems? What search terms would they type into Google if they were looking for you?
Sometimes it helps to create a persona, or a fictional person who embodies the characteristics of your audience. This persona should reflect your main audience and include basic demographic information (such as age, gender, and geographic location), their likes and dislikes, hobbies and activities, and challenges they have that your website content can help them solve.
What’s unique about you
Since the goal of website content is to cut through the noise, you want to include what’s unique about your products and/or services. How do you stand out from the competition? You may have an interesting backstory, better pricing, faster shipping times, stellar customer service, high-quality products, superior processes, or sustainable sourcing of materials. These things can help you differentiate yourself, so you should highlight them in your website content.
Your tone and style
As you write your website content, think about how your tone and style come across to your audience. Are you more formal, or are you relaxed and casual? You should adapt your words, phrasing, and sentence structure to appeal to your target audience.
For example, if the purpose of your website is to sell IT services to businesses, you may want to adopt a more formal and informative tone. This could also include things like not using contractions in your writing and using common industry terminology. On the other hand, if you’re selling directly to your customers, you may want to write in a more casual and conversational style.
In addition, think about your tone. Is your brand humorous and tongue-in-cheek, or are you sentimental and straightforward? The words you choose and how you phrase your sentences will convey your brand.
Website content strategies to develop your content
You should adopt a strategy for your website content. There are different content strategies to engage users and convey your messaging. Blogging, using third-party data, and integrating visitor feedback are just three ways to do this.
Adding a blog to your website can help with SEO and help establish your company as a trusted resource for your visitors. Stick to industry topics, common questions that people ask about your industry, and other related topics that are of interest to your readers.
Provide useful information to your audience, and they’ll keep returning. You don’t have to post every day, but make sure you update your blog regularly to provide consistency for your readers and continually improve SEO.
Expanding on third-party data
When other companies conduct research, you can piggyback on that data and expand on it. For example, a research firm might release a study about IT services that you can reference in your website copy.
You can also leverage third-party research to demonstrate your own expertise by providing insight on industry trends and statistics in blog posts, resource guides, and downloadables like white papers and e-books. Just make sure you credit the original source when you use the data.
Integrating visitor feedback
The information you collect from your visitors, including what they type into contact forms, can also help with your website content strategy. For example, you may realize that you need to better describe a product or service on your website because a lot of visitors ask the same questions about it.
Understanding your website visitors can also help you come up with new blog topic ideas and help you create helpful resources like product guides, how-to-content, and FAQs.
Now that you’ve learned how to make a website, from start to finish, you should have the basic framework that will help you build your online presence and grow your business. If you’ve completed all of the steps in this guide, you should be ready to go live with your new website.
As you continue to evolve, keep your online presence fresh by regularly updating your website with images and text that accurately reflect your products and services.
You can re-use the tips in this guide if you want to set up a second website or update your existing one. Use your website to capture information from visitors and users, and see what a difference it can make in your business.