---
title: Four Foundational Basics You Need In Place Before Creating Your New Website
description: Follow these foundational tips for creating a new website and it will help make your website a delight to visit, as well as a top performer.
image: https://blog.digitalj2.com/hubfs/Four%20Foundational%20Basics%20You%20Need%20In%20Place%20Before%20Starting%20to%20Create%20Your%20New%20Website-1.png
---

[![logo-1](https://blog.digitalj2.com/hubfs/logo-1.png)](https://digitalj2.com/)

- Solutions 
    - [HubSpot Accredited Onboarding](https://digitalj2.com/services/hubspot-accredited-onboarding/)
    - [HubSpot Integrations](https://digitalj2.com/services/hubspot-integration/)
    - [HubSpot Migration](https://digitalj2.com/services/hubspot-migration/)
    - [Smart Website Development](https://digitalj2.com/services/smart-website-development/)
    - [User Adoption](https://digitalj2.com/hubspot-user-adoption/)
    - [RevOps Managed Services](https://digitalj2.com/revops-managed-services-2/)
- Industries 
    - [Manufacturing](https://digitalj2.com/industry/hubspot-for-manufactures/)
    - [B2B Saas](https://digitalj2.com/industry/hubspot-for-b2b-saas/)
    - [Franchises](https://digitalj2.com/industry/hubspot-for-franchises/)
    - [Professional Services](https://digitalj2.com/industry/hubspot-for-professional-services/)
    - [Private Equity](https://digitalj2.com/industry/hubspot-for-private-equity/)
    - [Managed IT Service Provider](https://digitalj2.com/industry/msp/)
- Resources 
    - [HubSpot ROI Calculator](https://digitalj2.com/hubspot-roi-calculator/)
    - [Revenue Growth Hub](https://digitalj2.com/revenue-growth-hub/)
- [About Us](https://digitalj2.com/about-us/) 
    - [Who We Are](https://digitalj2.com/about-us/)
    - [Careers](https://digitalj2.com/careers/)
    - [Let's Talk](https://digitalj2.com/lets-talk/)

[Let's Talk](https://digitalj2.com/lets-talk/)

[Let's Talk](https://digitalj2.com/lets-talk/)

[MARKETING](https://blog.digitalj2.com/topic/marketing)

# Four Foundational Basics You Need In Place Before Creating Your New Website

- By [Bryan Mailman](https://blog.digitalj2.com/author/bryan-mailman)
- May 5, 2020

![Four Foundational Basics You Need In Place Before Creating Your New Website](https://blog.digitalj2.com/hubfs/Four%20Foundational%20Basics%20You%20Need%20In%20Place%20Before%20Starting%20to%20Create%20Your%20New%20Website-1.png)

We all spend a ton of time on the web, visiting websites for business and pleasure. We appreciate a nice website that is responsive, easy to navigate, and one that gives us the desired result from our visit.

But how do we get there when building our own website?

It’s a huge leap from knowing what you like in a website to actually creating what you want. Follow these foundational tips for creating a new website and it will help make your website a delight to visit, as well as a top performer.

## Where Do I Start When Creating a New Website?

Regardless of what you’re creating, you always start with a concept.

Building a website without a concept is like planning a vacation, picking the mode of transportation, but never choosing a destination: You’re going nowhere fast!

![Four Foundational Basics You Need In Place Before Creating Your New Website](https://blog.digitalj2.com/hubfs/Four%20Foundational%20Basics%20You%20Need%20In%20Place%20Before%20Starting%20to%20Create%20Your%20New%20Website.jpeg)

Ask yourself:

- What am I trying to accomplish with this website?
- What is my end goal?
- What service or product am I selling—and to who?
- Who’s my audience?

Whiteboard all these questions and then answer them! While you’re at the whiteboard, sketch out a basic website architecture. This will help you define the parameters of your website and make sure you have a page dedicated to everything you want to include.

![Four Foundational Basics You Need In Place Before Creating Your New Website](https://blog.digitalj2.com/hubfs/Four%20Foundational%20Basics%20You%20Need%20In%20Place%20Before%20Starting%20to%20Create%20Your%20New%20Website-1.jpeg)

Once you’ve established your concept, present it to key stakeholders involved in the website. Getting alignment from the beginning will save you a lot of time and effort afterward.

Remember, your website is not just a showcase of your services or products, it’s an extension of your brand and organizational strategy; as such, you want everyone on the same page.

How important is this step?

Well, [70-80% of consumers research a business online](https://fitsmallbusiness.com/website-statistics/)<https://fitsmallbusiness.com/website-statistics/>before visiting in person or making a purchase. So, if your key stakeholders are not in alignment, and if you don’t have a clear concept and direction, it will reveal itself as a [high bounce rate](https://blog.digitalj2.com/increase-time-spent-on-site).

**Pro Tip:** Once all key stakeholders are aligned, start working on your content. Content tends to be the reason for website launch delays.

 

## What Are The Foundational Pieces & Parts of Creating a Website?

### 1. Choose a Domain Name

Pick a domain name so that people can find you. You may not find the exact domain name you want, so prepare to settle for something that at least has the main keyword.

![Four Foundational Basics You Need In Place Before Creating Your New Website](https://blog.digitalj2.com/hubfs/Four%20Foundational%20Basics%20You%20Need%20In%20Place%20Before%20Starting%20to%20Create%20Your%20New%20Website.png)

 

Here are some basic tips for [choosing a domain name](https://www.seohermit.com/articles/choosing-a-domain-name/):

- Short is better
- Include the root keyword of your business
- Don’t use dashes or duplicates
- Make it memorable, relevant, and catchy

### 2. Choose a Host

When comparing hosting packages, it's important to consider how you plan to use your website.

![Four Foundational Basics You Need In Place Before Creating Your New Website](https://blog.digitalj2.com/hubfs/Four%20Foundational%20Basics%20You%20Need%20In%20Place%20Before%20Starting%20to%20Create%20Your%20New%20Website-1.gif)

Will your website be media-rich with tons of pictures and videos? Will you need technical support or is this something you can handle in-house? Really consider the amount of traffic your website will get. Does your choice for a hosting company offer scalable solutions? What backup and security features will you want?

There are a lot of hosting solutions, so research [reviews about the company's performance](https://hostingfacts.com/) to help you make your final decision. Even some online website builders will bundle hosting options.

### 3. Pick a Website Builder

Choosing the right website builder is a matter of preference, skill level, and functionality. According to WordPress, [37% of the web is built on its platform](https://wordpress.com/).

![Four Foundational Basics You Need In Place Before Creating Your New Website](https://blog.digitalj2.com/hubfs/Four%20Foundational%20Basics%20You%20Need%20In%20Place%20Before%20Starting%20to%20Create%20Your%20New%20Website-2.jpeg)

WordPress is a great choice, but if your goal is strictly an eCommerce website, then [Shopify](https://www.shopify.com/) might be a better choice for you. If you’re more of a novice, then maybe [Wix](https://www.wix.com/) or [Squarespace](https://www.squarespace.com/) will work better for you.

Make a list of what is important for you when you’re creating your website and then research your [website builder options](https://www.wpbeginner.com/beginners-guide/how-to-choose-the-best-website-builder/).

You have to be really honest with yourself. If you’re a great salesperson or CEO, but have no clue about tech, hire a contractor to build your website.

![Four Foundational Basics You Need In Place Before Creating Your New Website](https://blog.digitalj2.com/hs-fs/hubfs/Four%20Foundational%20Basics%20You%20Need%20In%20Place%20Before%20Starting%20to%20Create%20Your%20New%20Website.gif?width=474&name=Four%20Foundational%20Basics%20You%20Need%20In%20Place%20Before%20Starting%20to%20Create%20Your%20New%20Website.gif)

### 4. Dust Off Your Brand Style Guide

Every company should have a [brand style guide](https://blog.digitalj2.com/building-brand-style-guide). (If you don’t, then consider this a priority as well.) You must keep your company’s brand style guide at your side during this process.

Without it, you can run astray from your brand. Here’s why:

- You will need your brand colors when creating your new website. Everyone is guilty from time to time of using a color picker, but they don’t always match up exactly to your hex code.
- You may need to update your brand style guide at this point. Do you have web fonts, web colors, web layouts, H1s, H2s, etc. explained in your brand style guide? You might be using these items for the first time, so you will need your brand style guide to help determine suitable choices, and then make sure they get added later.
- The more people working on the website, the greater the chance that your brand is diluted. Make sure your designer, your copywriter, and the project manager have a copy. You need to ensure that your brand stays consistent throughout your new website.

There are lots of other things to consider during this process: clean design, [SEO](https://blog.digitalj2.com/top-free-seo-tools), usability, [social media](https://blog.digitalj2.com/top-social-media-trends-to-engage) integration, browser testing, responsive design, security, and many more. If you use these fundamentals when creating a new website, you can ensure that you’ll have a good foundation.

[![Free eBook on Insourcing vs Outsourcing marketing](https://no-cache.hubspot.com/cta/default/2473070/0b43419f-4e46-45f6-bb00-a338d009c3f7.png)](https://cta-redirect.hubspot.com/cta/redirect/2473070/0b43419f-4e46-45f6-bb00-a338d009c3f7)

[MARKETING](https://blog.digitalj2.com/topic/marketing) [Branding](https://blog.digitalj2.com/topic/branding) [Website Design](https://blog.digitalj2.com/topic/website-design)

<https://blog.digitalj2.com/business-going-live-on-social-media> [PREVIOUS POST](https://blog.digitalj2.com/business-going-live-on-social-media)

<https://blog.digitalj2.com/business-going-live-on-social-media> ![image](https://blog.digitalj2.com/hubfs/Using%20Facebook%20%26%20Instagram%20Live%20to%20Stay%20Relevant%20and%20Grow%20Your%20Business-1.jpeg)

### How to Use Facebook and Instagram Live to Stay Relevant and Grow Your Business

[NEXT POST](https://blog.digitalj2.com/improve-user-experience) <https://blog.digitalj2.com/improve-user-experience>

<https://blog.digitalj2.com/improve-user-experience>

### Six Tips To Successfully Improve The User Experience And Delight Customers

![image](https://blog.digitalj2.com/hubfs/Blog%2026%20Six%20Tips%20To%20Successfully%20Improve%20The%20User%20Experience%20And%20Delight%20Customers-1.jpeg)

<http://www.facebook.com/share.php?u=https://blog.digitalj2.com/foundation-for-a-new-website/> <https://twitter.com/share?url=https://blog.digitalj2.com/foundation-for-a-new-website/> <http://www.linkedin.com/shareArticle?mini=true&url=https://blog.digitalj2.com/foundation-for-a-new-website> <http://pinterest.com/pin/create/bookmarklet/?media=https://blog.digitalj2.com/foundation-for-a-new-website> [whatsapp://send?text=https://blog.digitalj2.com/foundation-for-a-new-website](whatsapp://send?text=https://blog.digitalj2.com/foundation-for-a-new-website)

### Related Posts

<https://blog.digitalj2.com/increase-time-spent-on-site>

<https://blog.digitalj2.com/increase-time-spent-on-site>

[[![increasing the average time people spend on your site](https://blog.digitalj2.com/hs-fs/hubfs/The%20Best%20Tips%20for%20Increasing%20Time%20Spent%20on%20Your%20Website%20%26%20Engaging%20Visitors-3.jpeg?width=352&name=The%20Best%20Tips%20for%20Increasing%20Time%20Spent%20on%20Your%20Website%20%26%20Engaging%20Visitors-3.jpeg)](https://blog.digitalj2.com/increase-time-spent-on-site)](https://blog.digitalj2.com/increase-time-spent-on-site)

[Inbound Marketing](https://blog.digitalj2.com/topic/inbound-marketing)

### [The Best Tips for Increasing Time Spent on Your Website & Engaging Visitors](https://blog.digitalj2.com/increase-time-spent-on-site)

<https://blog.digitalj2.com/free-tools-track-landing-page-website-success>

<https://blog.digitalj2.com/free-tools-track-landing-page-website-success>

[[![](https://blog.digitalj2.com/hs-fs/hubfs/igor-miske-Px3iBXV-4TU-unsplash.jpg?width=352&name=igor-miske-Px3iBXV-4TU-unsplash.jpg)](https://blog.digitalj2.com/free-tools-track-landing-page-website-success)](https://blog.digitalj2.com/free-tools-track-landing-page-website-success)

[MARKETING](https://blog.digitalj2.com/topic/marketing)

### [14 Free Tools to Help Track Landing Page and Website Success to Grow Your Business](https://blog.digitalj2.com/free-tools-track-landing-page-website-success)

<https://blog.digitalj2.com/image-sizing-for-ads-and-web-design>

<https://blog.digitalj2.com/image-sizing-for-ads-and-web-design>

[[![](https://blog.digitalj2.com/hs-fs/hubfs/Blog%2017%20Image%20Sizing%20for%20Ads%20and%20Web%20Design.jpeg?width=352&name=Blog%2017%20Image%20Sizing%20for%20Ads%20and%20Web%20Design.jpeg)](https://blog.digitalj2.com/image-sizing-for-ads-and-web-design)](https://blog.digitalj2.com/image-sizing-for-ads-and-web-design)

[MARKETING](https://blog.digitalj2.com/topic/marketing)

### [How to Determine the Proper Image Sizing For Your Ads and Website \[with Examples\]](https://blog.digitalj2.com/image-sizing-for-ads-and-web-design)

<https://blog.digitalj2.com/website-metrics-to-watch>

<https://blog.digitalj2.com/website-metrics-to-watch>

[[![](https://blog.digitalj2.com/hs-fs/hubfs/Google%20Drive%20Integration/What%20Metrics%20Determine%20If%20I%20Need%20a%20New%20Website%3F-1.jpeg?width=352&name=What%20Metrics%20Determine%20If%20I%20Need%20a%20New%20Website%3F-1.jpeg)](https://blog.digitalj2.com/website-metrics-to-watch)](https://blog.digitalj2.com/website-metrics-to-watch)

[MARKETING](https://blog.digitalj2.com/topic/marketing)

### [Five Website Metrics to Watch to Determine Whether to Make a Change](https://blog.digitalj2.com/website-metrics-to-watch)

![logo-w-81-36](https://blog.digitalj2.com/hubfs/2025%20digitalJ2%20Website%20Files/logo-w-81-36.png)

### SOLUTIONS

### SPECIALITY SERVICES

### ABOUT US

- [About Us](https://digitalj2.com/about-us/)
- [Careers](https://digitalj2.com/careers/)
- [Let's Talk](https://digitalj2.com/lets-talk/)

Copyright © 2025 digitalJ2, LLC All rights reserved. | [Privacy Policy](https://digitalj2.com/privacy-policy) | [Terms & Conditions](https://digitalj2.com/#)

- <https://www.facebook.com/digitalj2/>
- <https://www.linkedin.com/company/digitalj2>