How to design engaging website pages (that don’t look like #$%@)

By Elliot Olson

By Elliot Olson

Lead Web Designer + Digital Strategist

Hoping to design engaging website pages? It can be a difficult task. Your website must look professional, showcase your brand, and grow your business — all at the same time!

Well-designed, engaging webpage pages help in so many ways:

  • Keep visitors on your website for longer
  • Make it easier for users to find what they’re looking for
  • Build trust with your customers and clients
  • Increase the number of conversions from a visitor to a customer
  • And are more likely to be shared on social media, which means even more exposure and traffic!

But it can sometimes feel impossible to strike the perfect balance between design and content.

These four tips will set you on the right track. Get ready to create beautiful, effective website pages that connect with your website visitors.

1) Use legible font sizes

Font sizes can make or break webpages. Make sure that your text is large enough to be easily legible. Are titles or text so small that you have to squint? That’s a sign to increase your font size.

Larger fonts will also help with any issues that may arise due to screen sizes and resolutions. Remember, visitors may be visiting your site on their laptops, phones, or tablets. That’s why we always design for a variety of screens!

2) Add ample white space

White space is key for creating a clean, organized page layout. It provides visual order and helps the reader focus.

If your paragraphs are too close together, it will be hard for readers to determine where one paragraph ends and another begins. White space also makes content more readable, so that people can better understand what they’re reading.

The easiest way to create enough white space? Keep paragraphs short but informative. If you have two points to make about something, separate those out into their own paragraphs with plenty of spacing between.

3) Keep images relevant

One of the most engaging elements on a web page is an image. When selecting which pictures to use, pick ones that are relevant to the webpage content.

But beware — if photos don’t add anything new or useful to the conversation, then don’t use them. Don’t let readers get distracted by irrelevant imagery.

Read more tips for website images, or our favorite online sources for free photos.

4) Structure information

Order your text and images based on importance.

Include the most important information early so visitors know what they’re reading. This way, readers will be able to see the “big picture” immediately.

If your content is long (such as an in-depth guide), include a table of contents. Provide links so people can easily navigate through your website content. These links help if they want more detail about something in particular.

See our top three quick tips to write engaging website copy.

Ready for a better website, but don’t have the time to build it yourself?

We’re here for you. Our founder specializes in WordPress websites that convert visitors into customers. Our team of designers and copywriters are experts at creating beautiful, functional websites at affordable rates.

If you want a professional website, get in touch today for a free consultation.

WANT MORE WEBSITE STRATEGY?

Receive weekly, straight-to-the-point website tips. No fluff, no nonsense. Because I value your time as much as I value my own.

By entering your information, you agree to receive emails from Studio Anansi. You can opt-out at any time.

0 1 /                                       Services

0 2 /                                            ABOUT

0 3 /                                 PORTFOLIO

0 4 /                                      Articles

0 5 /                                     CONTACT

Be the first to receive new articles, special discounts, and free downloads.

By entering your information, you agree to receive emails from Studio Anansi. You can opt-out at any time.

Skip to content