Purpose first: Good design isn't just decoration

You've decided it's time to build (or maybe redesign) a website for your business. Great. Now comes the harder part: figuring out where to start.

Most people quickly realize there are two broad paths forward. You can handle everything in-house or bring in a partner to help. If you're reading this, there's a good chance you're already leaning toward the second option, but want to make sure you're making a smart, informed choice.

Building a website isn't just one decision. It's a series of them, and they start long before anything is designed or developed. At the end of the day, nearly all of those decisions come back to a familiar tradeoff: what you need, how quickly you need it, and how much you're willing to invest.

See the Pen Untitled by Mike Jandreau (@mikejandreau) on CodePen.

Rather than getting lost in the details too early, it helps to think about the process at a high level. The most successful website projects move through three core stages:

1. Establishing and clarifying your strategic purpose
2. Developing your content
3. Designing the layout and user experience

You might notice that design comes last. That's not an accident. Like any creative project, the best results come when the foundation is clear before execution begins. Whether you're shaping a message, planning a campaign, or producing something new, having alignment on "why" and "what" makes your "how" far more effective.

With that in mind, the best place to start is not design, features, or platforms—it's clarity. Before anyone writes a headline, sketches a layout, or opens a design tool, there is one question that needs a solid answer: what is the purpose of this website? 

Step 1: Purpose

It may sound obvious, but a lack of clarity at this stage is a common reason website projects face delays, go over budget, or fail to meet expectations. It's worth slowing down and thinking beyond “we need a website” and asking what you actually want it to do for your business.

The answer to that question should guide every decision that follows. Your content, structure, design, and functionality all flow from your purpose. When that purpose is clear, it becomes much easier to evaluate tradeoffs, stay aligned internally, and avoid unnecessary complexity.

To make this more concrete, consider a simple example. If you own a restaurant and your primary goal is to get people in the door, your website should focus on the information that supports that outcome: what you serve, when you're open, how to make a reservation, what events or specials are coming up, and where you're located. Anything that doesn't support that goal is a distraction.

While a restaurant is an easy, familiar example, the same principle applies across industries and disciplines. Whether you're launching a startup, promoting a creative project, publishing research, or building something entirely new, the goal is the same: define what success looks like, then let that definition shape every decision that follows. 

Once your purpose is defined, the next step is translating that intent into something tangible: the content your website will actually be built around.

Agency insight: A good agency won't start designing pages yet—they'll help you define what needs to exist and why, ensuring the site structure supports your goals before visual decisions are made.

Step 2: Content

Now, using your purpose as a guide, you can begin to shape your content.

Returning to the restaurant example, creating a basic map of your site—commonly referred to as a sitemap—can be your beginning. This doesn't need to be complicated. At this stage, it's simply a way to outline what information your site needs to communicate and how that information should be organized.

You might have a page dedicated to your menu, with featured specials highlighted on the homepage. Information such as hours, phone number, and location can often be consolidated into a single contact page, which might also include a Google Maps embed and a link to directions.

If events are part of what draws people in—trivia nights, live music, or special community gatherings—it may make sense to have a separate events page or calendar so visitors can quickly see what's coming up.

Based on that thinking, a simple, purpose-driven sitemap could look something like this:

• Home
• Menu
• Events
• Contact
• Call / Reservation

You don’t need to worry about layout or visual design right now. Focus on making sure the right information exists and that it's easy for visitors to find.

Once your purpose is clear and your content is defined, you will finally be  in a position to make design decisions that are informed, intentional, and effective.

Why designing too early causes problems: Starting with design before purpose and content are defined often leads to wasted effort. Without a clear problem to solve, design becomes guesswork—resulting in rework, scope creep, and decisions driven by aesthetics instead of outcomes.

Step 3: Design

Now that you have a clear purpose and for the sanity of everyone else involved in the project ideally, all of your core content, you can begin designing the visual presentation tailored to gain your audience’s attention and keep them engaged. 

Before going further, one important note: this guide focuses on website design, not branding. It assumes you already have a logo, color palette, and brand guidelines in place. Branding is its own discipline—and an important one—but it's a separate conversation.

Design often begins with foundational elements like typography, logo placement, navigation, and choosing visual elements such as photos or illustrations. Because modern websites are expected to work seamlessly across devices, this is also where decisions are made about how navigation and key interface elements adapt between mobile phones, tablets, and desktop screens.

See the Pen Untitled by Mike Jandreau (@mikejandreau) on CodePen.

From there, design extends into page layouts and interactive components. Following our restaurant example, we might include a hero banner that highlights the current meal service, or a menu section that allows visitors to toggle between breakfast, lunch, and dinner.

These kinds of progressive enhancements are often only possible once the underlying content and structure are in place. When you're no longer deciding what belongs on the site, you can focus on how to make what made the cut work better—more clearly, more intuitively, and more effectively for the people using it.

See the Pen Untitled by Mike Jandreau (@mikejandreau) on CodePen.

It's worth calling out why this sequence matters. I've worked on projects where design was requested before the purpose was defined or the content was assembled. In some cases, even a basic sitemap didn't exist. The result was almost always lost time—designing layouts for content that either didn't exist yet or changed significantly once real needs were identified.

When you clearly understand the problem you're trying to solve, you can work toward meaningful solutions. Starting with design skips that step—it's attempting to create a solution before the problem is fully understood.

Taken together, these three steps form a simple but reliable framework not just for websites, but for any type of project. Purpose defines what you're trying to achieve. Content gives that purpose structure and substance. Design brings it to life in a way that's usable, responsive, and aligned with real goals.

Good design isn't just decoration—it's what happens when purpose, content, and constraints come together. 

What's next

If you're thinking about a website project and want assistance with your purpose, content, or early design thinking, our team is happy to talk. These conversations are often most useful early on—before decisions are locked in.

You don't need everything figured out to reach out. Sometimes, asking the right questions is enough.