MEDIA CENTRE

OVERVIEW

Design a dedicated media centre webpage that serves as a central hub for all media releases, press coverage, and media kit downloads. This page should be easy to navigate, reflect the brand’s visual identity, and provide PR and stakeholders with quick access to up-to-date media assets.

ROLE

Digital designer

DATE

2023

CHALLENGES

  • Maintaining a uniform layout for press releases, especially when some include thumbnails and others are text-only.
  • Avoiding outdated assets being used externally by ensuring the latest files are always uploaded and replacing old versions across the site.
mediacentre hero

RESEARCH

UNDERSTAND PR

PR, short for public relations, is responsible for building and maintaining positive relationships between an organization and its publics. Often working without a technical background, they need tools like WordPress to make publishing press releases as simple as sending an email. Their role frequently involves sending brand kit files repeatedly via email and managing urgent media inquiries, all while ensuring the organization’s messaging remains consistent and professional.

mediacentre-research
mediacentre-research

IDEATION

COLLABRATION

Chat with the company’s PR to understand their goals and the key features they are looking for in the media centre.

USER EXPERIENCE

USER FLOW MAP

Collaborated with the creative manager and marketing team to define the user flow diagram, then presented the concept to stakeholders for feedback and alignment.

mediacentre-research
mediacentre-research

MID-FIDELITY DESIGN

WIREFRAMES

I developed wireframes to plan the page structure and user flow, then presented the concept to the stakeholders for feedback and alignment.

FINAL DESIGN

  • Text-only list of articles displaying the heading, published date, and short description to ensure consistency and keep the focus on content.
  • Articles listed in chronological order, with the most recent article appearing at the top.
  • “Media Kit” and “Media Enquiries” blocks displayed on the side for quick access within 1–2 clicks.
xbox-final

KEY FEATURES

PAGINATION

  • Pagination to give users an overview of the amount of content and quick access to older articles.

KEY FEATURES

PROGRESS BAR

  • Progress bar on the article page to give users a sense of the article length.
  • “Back to Top” arrow that appears after the first upward scroll, allowing users to quickly return to the top of the article.

KEY FEATURES

LOCAL NAVIGATION

  • Local navigation at the top of the article page, providing quick links back to the Media Centre or the website homepage.
PREVIOUS
PROJECT