William Joseph Communications

Three Tips to Design a Content-Heavy Website

Does your website need to provide audiences with lots of information?

As websites have evolved, we have seen the need to fill more space and hold more content than ever before. Many businesses have struggled with pulling off the tricky balancing act of designing a good website that is content-heavy. Do it wrong and you risk information overload, and your audience is quickly frustrated and navigates away from your website. Get it right, however, and you gain a new audience member who not only understands your message, but also might just spread the word on your website. Based on our experience designing and developing websites for over 15 years, we have summarized three key factors you should consider addressing when designing your website.

Three tools to tackle the challenge of creating content-rich websites

  1. Whitespace

Misunderstood and underappreciated, whitespace allows content room to breathe. It improves legibility and invites the audience in. Whitespace makes the audience feel more comfortable, and make it easier for them to absorb, and therefore remember, your message. The two ads below show the difference whitespace can make to the message:

The two ads use the same content and photography, but the ad on the right utilizes whitespace to create a different look and feel. Notice how whitespace gives text room to breathe, and is more inviting than the ad on the left.

  1. Visual Hierarchy

An important way to make webpages easy to grasp in a hurry is to ensure that the appearance of elements on the page accurately portray the relationships between the elements on the page. This means visually implying the relative importance of different content in a clear manner. Important elements should be larger, bolder, in a distinct colour, set off by more white space, or some combination of the above. The example below shows clear visual hierarchy, where elements that are larger, bolder, and set off by more white space are implied as more important.

The important elements are made clear because they are larger, bolder, and set off by more whitespace. It is clear to the audience which elements are more important, so the audience is able to scan for the content they are looking for.

  1. Grids, Boxes and Borders

Segment the information into visual categories to show how they are related. The audience is more comfortable scanning organized buckets of information rather than a jumbled mess of data. By organizing content into a rigid, consistent structure, there is less effort required to process it, and the audience can navigate without frustration. The example below shows how grids and boxes can be used to segment a content-rich website.

The grid structure combined with boxes and colour identifiers (i.e., Orange for “News”, Purple for “People”, etc.) effectively segments information into buckets. This enables the audience to find content that interests them in an intuitive manner.

Wrapping It Up

As the examples above show, it is possible to create a website that is both content-rich and engaging for an audience. The challenge is designing strategically, deliberately planning the layout, typography, and graphical elements to ensure that the website is both welcoming and engaging.

At William Joseph, our team of strategists and designers rely on research and design strategy to accommodate all your content in a compelling website. We carefully craft visual designs that present dense content in a clear and effective manner, and encourages your audience to visit and read what you have to offer.

It's only fair to share...
Share on FacebookTweet about this on TwitterShare on LinkedInEmail this to someone
> Back to Blog

Twitter

Friday, February 15th, 2019 at 11:05am
The latest edition to the WJ art collection is very special! Did you know Freddie had a diploma in graphic design and created multiple album covers and the now famous Queen crest? As an agency with a strong design foundation, we're honoured to be in such company. #FreddieMercury https://t.co/tU6sG0Jgrv wj_agency photo
Wednesday, February 13th, 2019 at 9:01am
#GrandePrairie - we have a Valentine's Day surprise for you! Our CEO Ryan is hosting a Ryan's Roundup in your city tonight! Come meet pros from all industries for a night of networking fun! Sign up! https://t.co/OlzaLDQ9TW
Thursday, February 7th, 2019 at 11:16am
Team lunch for our Client Services and Operations teams yesterday was long overdue! #wjculture https://t.co/tWBjaN3ZzT wj_agency photo
Wednesday, February 6th, 2019 at 2:57pm
Who watched the big game on Sunday?! One thing that got us thinking - is the $5 mill price tag for a 30-second ad spot worth it? Check out our blog to find out: https://t.co/pBp4skLPKn #SuperBowl2019
Tuesday, February 5th, 2019 at 2:51pm
It's the first Thursday of the month, you know what time it is: Join us for a night of fun and meet some of #YYC's biggest movers and shakers at Ryan's Roundup! 4:30-7PM at #Ranchmans, sign up! https://t.co/oWXmD1nxsN https://t.co/ohxRKdj2Fn wj_agency photo

Facebook

William Joseph Communications

We are the difference between momentary achievement and enduring success.Your success requires an agency that offers a fully integrated solution. One that has the vision to see beyond your current borders and the troops to guide you there. With us as your allies, be confident that you can achieve your boldest ambitions. At William Joseph we offer complete marketing solutions composed of strategies, tactics, and designs that effectively tell your story and address your unique marketing goals. Everything from advertising campaigns to experiential design, our team takes your corporate identity and translates it through a wide array of mediums to successfully champion your company.
William Joseph Communications
William Joseph CommunicationsFriday, February 15th, 2019 at 4:23pm
We love TWT Group Inc. and wanted to show them just how much on Valentine's Day yesterday! These will come in handy for the long weekend!
William Joseph Communications
William Joseph CommunicationsFriday, February 15th, 2019 at 1:46pm
The latest edition to the William Joseph art collection is a special one!

A talented showman (to say the least), Freddie Mercury had a keen sense for both theatrics and design. The Queen front man had a diploma in graphic design from Ealing College of Art and applied his visual talents to various Queen projects, including multiple album covers and the now famous Queen crest. Did you know that the creatures included in the logo (two lions, two fairies and a crab) represent the zodiac signs of each band member?

Coincidentally, many pop culture legends have or had a background in graphic design, including Pete Townshend, David Bowie and Alan Rickman.

As an agency rooted in creativity and built up of many talented artists ourselves, it's safe to say we're pretty fortunate to be in such company.
William Joseph Communications
William Joseph Communications added 3 new photos.Thursday, February 14th, 2019 at 10:25am
Happy Valentine's Day from ours to yours - we love you SEO much!
William Joseph Communications
William Joseph CommunicationsWednesday, February 13th, 2019 at 4:57pm
The website for our client Hillcrest Financial is live! We've had a blast working with their team on this project and are proud to share it with you all.

Take a look at our work and the amazing services Hillcrest offers!
William Joseph Communications
William Joseph CommunicationsMonday, February 11th, 2019 at 11:52pm
Grande Prairie - A Valentine’s Day surprise. A Ryan’s Roundup in Feb 13 at the Skylark Lounge at the Pomeroy Hotel after work. Who’s in?

https://www.eventbrite.ca/e/ryans-roundup-in-gp-tickets-56390809429

Instagram

Thursday, February 14th, 2019 at 3:24pm
  • 46
  • 1
Thursday, February 14th, 2019 at 12:57pm
  • 33
  • 1
Thursday, February 14th, 2019 at 10:36am
  • 50
  • 5
Thursday, February 7th, 2019 at 2:20pm
  • 35
  • 1
Monday, February 4th, 2019 at 3:59pm
  • 56
  • 2