Web design 101

The No Code Revolution

The Freelance Web Designer's Guide

Introduction

Web designers often think about the web design process with a focus on technical matters such as wireframes, code, and content management. But great design isn&rsquo;t about how you integrate the social media buttons or even slick visuals. Great design is actually about creating a website that aligns with an overarching strategy.

But how do you achieve that harmonious synthesis of elements? Through a holistic web design process that takes both form and function into account.

For me, that web design process requires 7 stages:

<ol>
	<li>Goal identification: Where I work with the client to determine what goals the site needs to fulfill. I.e., what its purpose is.</li>
	<li>Scope definition: Once we know the site&#39;s goals, we can define the scope of the project. I.e., what pages and features the site requires to fulfill the goal, and the timeline for building those out.</li>
	<li>Sitemap and wireframe creation: With the scope well-defined, we can start digging into the sitemap, defining how the content and features we defined in scope definition will interrelate.</li>
	<li>Content creation: Now that we have a bigger picture of the site in mind, we can start creating content for the individual pages, always keeping search engine optimization in mind to help keep pages focused on a single topic. It&#39;s vital that you have real content to work with for our next stage:</li>
	<li>Visual elements: With the site architecture and some content in place, we can start working on the visual brand. Depending on the client, this may already be well-defined, but you might also be defining the visual style from the ground up.</li>
	<li>Testing: By now, you&#39;ve got all your pages and defined how they display to the site visitor, so it&#39;s time to make sure it all works. Combine manual browsing of the site on a variety of devices with automated site crawlers to identify everything from user experience issues to simple broken links.</li>
	<li>Launch!&nbsp;Once everything&#39;s working beautifully, it&#39;s time to plan and execute your site launch! This should include planning both launch timing and communication strategies &mdash; i.e., when will you launch and how will you let the world know? After that, it&#39;s time to break out the bubbly.</li>
</ol>

Now that we&#39;ve outlined the process, let&#39;s dig a bit deeper into each step.

1. Goal identification

In this initial stage, the designer needs to identify the website&rsquo;s end goal, usually in close collaboration with the client or other stakeholders. Questions to explore and answer in this stage of the process include:

<ul>
	<li>Who is the site for?</li>
	<li>What do they expect to find or do there?</li>
</ul>

2. Scope definition

One of the most common and difficult problems plaguing web design projects is scope creep. The client sets out with one goal in mind, but this gradually expands, evolves, or changes altogether during the design process &mdash; and the next thing you know, you&rsquo;re not only designing and building a website, but also a web app, emails, and push notifications.

&nbsp;

To continue reading, download th eBook now.

Introduction Web designers often think about the web design process with a focus on technical matters such as wireframes, code, and content management. But great design isn’t about how you integrate the social media buttons or even slick visuals. Great design is actually about creating a website that aligns with an overarching strategy. But how do you achieve that harmonious synthesis of elements? Through a holistic web design process that takes both form and function into account. For me, that web design process requires 7 stages: Goal identif

Web designers often think about the web design process with a focus on technical matters such as wireframes, code, and content management. Here's an eBook that helps you with a holistic web design process that takes both form and function.

The Modern Web Design Process