An editorial website redesign looking to improve IA and navigation, increase accessibility across devices and grow user engagement through the promotion of high performing content.

Year of completion

In collaboration with
Nathan Foon, Developer

My role
Site Mapping
Website Audit
Landscape Analysis
Visual Design
UX/UI Design
QA Testing

View Site

The Ask
  • elevate the visual aesthetic of the site and have it be more reflective of the magazine
  • improve load times, site navigation and overall performance
  • increase user engagement
  • provide the editors with more layout options to effectively curate articles and posts
  • make it accessible from all devices

The Solution
  • created a more succinct site map, navigation and clear IA

Site Map – Current & Proposed

  • did a website audit of the original site to uncover problem areas
  • conducted a landscape analysis to better understand the industry and see where we could improve their user experience and user engagement

Website Audit & Landscape Analysis
  • sketched out some page layouts to surface high performance content and promote further reading
  • developed a flexible modular system for editors to curate their articles
  • drew on inspiration from the print layouts to develop a visual design system and pattern library

Pattern Library (View Full)
  • created user interactions to enhance the reader experience

User Interactions
  • designed a fully responsive website solution to ensure accessibility on desktop, tablet and mobile

The Impact
  • brand cohesion between the website and magazine was restored
  • overall performance for the site was greatly improved, most notably load times
  • fully accessible to all readers from any device
  • modular design allowed editor’s greater flexibility in building out their stories

Desktop Layouts & Templates

More White Space ©2023
Toronto, Ontario