Back to guide
Website Building Tools & Strategies:

The Essential Steps to Building Your Website

The Sitemap

The sitemap is a top-down look at the what pages and content your website will have. It’s usually shown like a content tree seen here. The pages listed at the top of the tree will often be what’s found in the main menu at the top of the page.


Overall, you should be able to see how every page on your website fits into the flow of content for your user.

The Wireframes

The wireframe portion is where we take the sitemap and make it visual by creating the structure of the website. This is often done using basic shapes and placeholder text to show where pieces of content will be placed in the future. After revisions, the wireframe will inform you what content you need to organize and produce as well as guide our team during the renders phase.

Typography Exploration

When we select the typography used for your website, we consider how it will match your companies branding, how legible it is, how the fonts contrast each other, and how much it costs. Sometimes one font with different weights (thicknesses) will cover all the bases for your text content, but typically 2 or sometimes 3 fonts are chosen to contrast each other and establish hierarchy in your content.

The Renders

The render is where you start to see the “look and feel” of your site come to life. Here we add colors, the chosen typefaces, and imagery. Once the renders are approved, the website begins being developed. 

Previously

No previous post

Up Next ➝

No previous post

The Essential Steps to Building Your Website

required "current" page

10 Questions to Ask Before Building a New Website

required "current" page

4. Final Tips & Best Practices

required "current" page

3. Choosing Your Presentation Software

required "current" page

2. Designing Your Deck

required "current" page

1. Structuring Your Pitch Deck

required "current" page

Let's build together.

Contact Us Today