Website Page Setup Process (A step-by-step setup guide)

Website Page Design Project Initiation

In this stage you are preparing the information necessary to develop a great plan for your website design. This information will help guide the project planning and help minimize the time needed to develop that plan.

Here are a few questions you will have to answer in order to have a great start to your website page design.

Do you have your specific keywords that you'd like to target for the web page?

Do you have your specific keywords that you’d like to target for the web page?
Keywords are the foundation to how you’re going to build your SEO driven web page. This is how you can be found for creating great content for your webpage on Google or other search platforms. Without this foundation, you’ll have no idea on how to structure the webpage.

When working on a website page, you also need to be specific with your keywords for the webpage. This way, search engines know what you are specifically talking about and can rank the webpage for those specific keywords. There are complete websites with hundreds of pages around a specific keyword. You don’t have to do that, but this is done to receive the best website recognition and authority.

Here’s a video from Moz to help you understand keyword research:

Check out Moz’s page on their take on keywords for more information.

Customer or audience segmentation. Marketing Concept

About Your Target Audience

Your webpage’s target audience can be boiled down to your ideal client (buying persona). If you know your ideal client, you’ll have a better chance of communicating with them. Here are a few points to understand about your ideal client:

  1. Demographic information
    1.  Age
    2. Gender
    3. Occupation
    4. Family Structure
    5. Education
  2. Psychographic information
    1. Goals
    2. Values
    3. Fears
    4. Interests
    5. Challenges
  3. Other useful information
    1. Social Media preference
    2. Typical routine
    3. Hobbies
    4. Geo Location

About Your Competitor Research

Chances are that you aren’t the only business that provides your product or service. Get a list of at least 5 different webpages. Research them on SEO tools like SEMrush to get more insights on the webpages they have and create a SWOT analysis for each one. From doing this you can find your competitive advantage and fill a pain point that maybe the other webpages don’t solve well.

About the Design Aspects

Here you are going to use the business’s branding to add to the page.

  1. Use the company’s logo.
  2. Use the company’s main keywords.
  3. Color is consistent with the brand.
  4. Typography consistent with the brand.

Website Page Design Project Planning

Now that you have all the information you need you’ll have an easier time planning the website page construction.

The Webpage Rough Sketch

This is where you first build a rough sketch of what the webpage is going to look like. You can use tools like Figma, or design tools like photoshop, or draw.io to get what you’d like the design to be on paper.

The Webpage Copy Outline

When designing the webpage content, the copy is how you will be found online and how you will keep the visitors interested in what you are writing about.

Tips on how to start planning your webpage copy:

  1. Start with rough ideas you’d like to have on the webpage.
  2. Organize the ideas into an outline so that the page flows. This outline can be steps visitors can follow from where they are at to their goal.

Example Outline

  1. Start with the main points and divide them into sections.
  2. Then, within those sections, break them up into secondary sections that visitors can skip to so that they can get the information they want quicker.
  3. If you need to break down the secondary sections even more, there can be another section level. (usually you don’t need this)

The webpage visual media creation or curation

In this portion you’ll use the outline to find different media that works with your webpage. If there isn’t, consider making original content.

How can you use media to effectively drive your reader to a better understanding of your webpage’s content? If you use media correctly, you’ll have more backlinks and readers will actually stay to read your whole content. The change in the media provides a way for their brains not get bored with just a wall of text.

The visuals are any photo or video that can be used as a supplement to what you are talking about on the page itself. You can even use audio to read the webpage to the person visiting.

The Webpage Linking Strategy

If your webpage has information that can be reinforced by another website, add it as a reference. References are great for building trust for your webpage as they show your information isn’t just from your knowledge and experience. If the webpage you are building is a landing page, good references are testimonials that people have said about your product or service.

Build references by Googling your main points. If there are websites that provide good knowledge of what you are talking about, reference them on your page in the sections relevant to the backlink.

The Webpage Platform

On what platform are you going to build your webpage? This can be important as each platform will have its benefits and shortcomings.

A service based business can work well with WordPress and a product based business can work well with Shopify. If you’d like to build a landing page funnel, you can use ClickFunnels. These aren’t the only website builders you can build your webpage on, but they are a good standard to start your research.

What plugins (or apps) will you need?

As there are hundreds of development platforms, there are thousands of apps. There are apps for better quality of life, sliders, popups, portfolios, media enhancers, back-ups, website optimization, and so much more.

There are a good portion of free apps that you can use to enhance your website, and they can be sufficient for what you need. These free plugins include website optimization, website backups and restore, website security, website builders, and more.

The paid apps are to help you enhance your website even further. Some free apps have certain features that are unlocked only for premium members. Depending on your needs and wants for the website, these can be an option to reach different goals for the webpage.

The Webpage Design Timeline

What is the timeline of the project? Do you need the webpage project done as soon as possible, or can you be patient with the development? Depending on the timeline, you can either work with one person or need more people working on the project to make sure that the timeline is met.

Website design sample timeline:
1. Project Initiation day 1-3
2. Project Planning day 4-6
3. Project Execution day 7-9
4. Project Monitor and Control day 10+

Website Page Design Project Execution

Once you have the plan set up, the page is ready to be developed.

Webpage Setup on Platform

Depends on the preference of the one making the website, they’ll have to choose a domain and hosting provider. Once that is done, you’ll set up the domain with the platform they choose in the planning phase.

You will design the webpage as you have planned it and add all necessary apps or plugins your webpage needs.

Example website setup:
1. Buy a domain on Namecheap
2. Use Namecheap hosting services
3. Build the website on WordPress
4. Design the page with the Elementor a plugin

Webpage Copy Details

Once the structure for the website set up is complete, use the outline you built to start working on the details of each section.

Tips to writing your webpage copy details
1. Start with the point in the outline that you know very well and start writing in the details for that point so you can start writing strong.
2. Use outside resources to provide proof to your points.
3. Take breaks in between writing sessions or create a block of time in your day to write in the information in each section. Do this so that you won’t burn out when writing.

Webpage Optimization

When you get to this section, it means that you’ve nearly completed your webpage! ?

To optimize your webpage, use software that helps you understand and fix:
1. Webpage speed scores (Google lighthouse and Gtmetrix)
2. Webpage copy grammatical & vocabulary corrections (Linguix and Grammarly)
3. For more information on how to optimize your webpage check out crazyegg’s blog post on how to optimize your website.

Webpage Revisions

With understanding what you need to do from the website optimization step, it’s now time to revise each section to make them better! Here is where you fix any problems with design, grammatical or vocabulary corrections, and speed up the webpage for optimal SEO speeds.

Multiple revisions are necessary as they can help boost your rankings and visibility on search engines as these revisions can show professionalism and attention to detail.

Levels of Revision:
1. Read copy out loud. (This can help you find easy mistakes, but will take some time)
2. Use automatic correction software (Linguix and Grammarly)
3. Have a second proofreader find other mistakes

Webpage Sharing

Before launching your webpage, check and see who can benefit from your page and where you can find them. This should be done from the target audience research. Then build content to increase the chances of your target audience going to your webpage.

Content you can build for increasing webpage traffic:

  1. Video content
    1. Short form
      1. 15 seconds to 1-minute videos
    2. Long form
      1. 1 minute to an hour videos
  2. Instagram graphic carousels
  3. Email and text message campaigns to company subscribers

Webpage Publishing

Looks like you’re ready to launch your webpage! CONGRATULATIONS! ??

When you’re ready to publish, most of the time all you have to do is push publish button and your webpage is live. If you have already created content around the page, post the content to all channels to hit the ground running with the webpage.

Website Page Design Project Monitor and Control

Webpage Monitoring

Your job isn’t done at publishing. Its good practice to monitor the page with analytics software. There are different ways you can monitor your webpage, but one of the most common is to use Google Analytics.

With Google Analytics, you can check the traffic you are accumulating for the webpage and see what needs to be fixed. You can also see where the traffic is coming from and build more content for the winning channel.

Webpage Tweaking

If you know that there is more to be said about the subject, you can always come back to the webpage and update it. If you do this, search engines will see that this page is continually being updated.

Updates to the page will mean more trust as information continues to change as time moves forward.

Webpage backlinking takes research and a lot of time. You can pay professionals to develop backlinks, or you can do them yourself.

A way you can start creating backlinks is to find different guest posting websites and write for them. Google these search terms and include the main topic of the webpage:
1. (Industry or area)
2. (“guest post” or “write for us”)
Note: use the quotes

Write articles for these websites and have a backlink to the webpage you want it to go back to.

Ending remarks

If you need a webpage developed, why not have a professional develop the page for you?

If you need help:
1. Developing a webpage
2. Optimizing your webpage for better traffic
3. Keyword Research for blogs or webpages
4. Creating a backlinking strategy
5. Developing a webpage sharing strategy
6. Planning your website copy
7. Or anything else regarding website design and development

Please contact us to get you started on the right path!

Leave a comment

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

Privacy Preferences
When you visit our website, it may store information through your browser from specific services, usually in form of cookies. Here you can change your privacy preferences. Please note that blocking some types of cookies may impact your experience on our website and the services we offer.