PTontheNet.

overview.

A complex interface redesign project for the world’s largest online fitness education resource to give it a fresh, contemporary style.

brief.

To redesign the interface for the world's largest fitness education resource for personal trainers in order to:

• Bring it into the 21st century.
• Raise awareness of the site’s full content offering.
• Improve usability and the user experience.
• Create consistency and improve visual hierarchy.

solution.

First step for this interface design project was a rebrand. Although not originally part of the brief it was clear that to achieve the project’s goals, it was a necessity.

In tackling the identity an existing typeface was heavily modified to create a unique font that aligned with the personality of the brand. Approachable and friendly in appearance the logomark is also appropriately ‘sporty’.

The core brand elements were developed in such a way that they can be rolled across sister companies to ensure a 'family feel' is achieved.

Embarking on the interface redesign started with extensive consideration of the core purpose of the site: content. Being a paid membership based site means the content needed to be easy to find, well presented and relevant to the user.

A news style home page was developed; structured into the 3 core categories of the site. This provided an immediate and visual way of displaying where different content and tools sat within the site structure. Drawing a variety of content to the home page ensures that members quickly find content that interests them and visitors see how current the site content is.

The home page was developed to be customizable ensuring that users could control the amount and type of content they see.

Functionality introduced during the redesign included: global search from all pages, tool tips, customisable home page, rating of content, blogs and a forum.

Visit the PTontheNet site.