Expanding design and build of

BBC Good Food website

THE BRIEF

BBC Good Food is expanding its range of tools and services for users over the next 12 months. With this in mind, consider the following:

  • Review the current user interface of BBC Good Food and explain how you would approach   expanding its design system to facilitate additional functionality.

  • Create some wireframes/scamps of how user profiles could be more effectively integrated within BBC Good Food. Explain your thinking behind these initial concepts.

  • Produce a high-fidelity design of how the visual styling of the user profile section of BBC Good Food could be enhanced and explain your process and theory around creating this.

Current User Interface

Problems:

Lack of hierarchy

Clutter Layout

Solutions:

Improve hierarchy so key elements stand out more

Create a better layout by organising with spacing

FINDING KEY ELEMENTS

Personas

User personas are used to ensure the site is focused on real user needs rather than solely on internal or organisational needs.

Scenarios

Scenarios describe the stories and context behind why a specific user or user group comes to your site.

Key elements for the site

For Users

 

Search

Recipe Inspirations

User Account (Saved recipes / Leave comments / Upload own recipes)

For BBC GoodFood

 

User sign up

Subscribe magazine

Ads

Social media share

WIREFRAME

As this is not a re-design project, wireframe was created based on current layout.

User Profile Landing Page

Makes(CTA) Call To Actions stand out on the page

STYLE GUIDES

Minor changes to avoid inconsistency for the site

FINL OUTCOME

Main elements are more obvious now to engage click.

Comparison (old-new)