What Defines a Great Website - The Content or The Design? [Customer Story]

For example, let’s say you run a pharmacy. Your typical users might include:

• A customer looking for information on the referral process, trying to request a refill, looking to speak with a pharmacist, or simply trying to find out when you’re open.

• A healthcare provider also looking for information on the referral process, but who might need to send over a prescription, or find out what products you carry.

• An insurance company trying to process billing requests, or looking to partner with you to serve your customers.

To help figure out how your users interact with your content, consider your buyer personas and the buyer’s journey. Who are your ideal customers, and what do they need to achieve their goals? Use that research to develop your content, step by step.

Once you have brainstormed this content, try to collect it into concrete pages. In most cases, each goal that you define should have it’s own page. Some pages, of course, will aim to solve multiple goals, such as your homepage.

In order to better visualize your site and organize your brainstorm, write the following information on a stack of notecards, with each notecard representing a page you plan to build:

(Add one of these sections for each persona that your company works with.)

If you can explain these vital pieces for each page that you’re planning on creating, then you’ve done enough research to move onto the next stage, Site Mapping.

Pro Tip: Talk to the people who answer the phone or respond to your general email account. These people are on the front lines, taking and routing every single call that comes in. What sort of questions do they answer every day? Where do they forward their calls? Use their answers to gather intelligence about your users.

HubSpot Note: Having trouble getting started, or not quite sure who you’re writing for? Watch the HubSpot Academy Buyer Personas videos to get started. There's also a brand new app in your HubSpot dashboard called Personas, which can help you map out your website's personas.  

2. Site Mapping Stage

Storyboard your whole site from A to Z

Now that you’ve done some research about why people come to your site, you’ll want to start organizing your ideas. The best sites are often the most simple in terms of their architecture, so it’s important to prioritize your ideas based on what is most necessary to help your users reach their goals.

Often times when we take on a new client, their site is already organized into as many as ten different sections, which is simply too many. By taking the time to sit with them and recognize which parts of the site are the most relevant to a their experience, you help align the content around what a user actually wants, not what you think they want.

Here’s a common User Experience Design exercise that you can try to help you get started:

Grab your notecards from the exercise, above, and spread them out on a table. Then, organize those notecards into groups, aiming for around 4-6 groups, maximum. This is called a card sort, and can help you understand how to structure your content. When you’ve narrowed everything down to 4-6 sections, try to give each one a name. Often, your results in this exercise can be used to plan your site’s navigation menu and structure.

Pro Tip: Try not to work in a bubble. If your business has been around for a while, chances are that you have customers who can give you feedback. Why try to put yourself in your customers’ head when you can ask them directly! Have them perform this card sorting exercise as well to see what they come up with. Was it different? The results may surprise you!

No customers to work with? Try it with your colleagues or acquaintances who represent aspects of your buyer personas.

3. Writing Stage

Write out and/or organize all of the copy you want to feature on your page.

By now, you’re almost ready to work with your designers. Before you can do that, however, you’ll need to start writing. Write out every last piece of content that you plan on featuring on your site in a basic word processing program. This way, you’ll be able to hand your content off to a designer to design around, allowing them to work with your ideas rather than approximating. This can make the design process much easier.

When creating page content, a good rule of thumb is ‘the deeper the page, the longer the text’. In other words, your homepage content should be short, focused on holding attention, whereas pages that require a few clicks to find, such as product descriptions, can be a bit longer.

One your content is done, you’ll need to deliver it to your designer, along with key website structural items, including:

1. Your company logo

2. Navigation menu items

3. Main Page Heading (the largest text on the page)

4. Page Subheading (appearing under the main page heading)

5. Calls-to-Action

6. Other sections of text, with heading.

7. At least one descriptive, relevant image

That is a starter list, but feel free to deliver even more content to your designer. In fact, look to websites that you admire for inspiration. What types of content do they include on their homepage? Their landing pages? Their product pages? If you see something you’d like to include as well, send it over!

At this stage, more is better. Keep in mind that the design process is often a reductive one, so while it’s best to keep things simple, it’s okay if you have too much content at the start. Part of a designer’s job is to trim content down into manageable pieces.

Pro Tip: Don’t pad your content with business jargon. It may sound smart, but most of your audience will end up skipping over it. Instead, write the way you’d talk on the phone. People like people.