Client
TrainerConnect
Project
Website Re-design
My role & skills
Project lead
Project management
Information architecture
Strategy
UX design
UI design
Graphic design
Copywriting
Process
TrainerConnect’s previous website held a lot of detailed content across a slew of pages, so I began this project with creating a design strategy. This strategy became the framework for the entire process as it included a detailed plan for examining existing content, crafting new content and tackling the new design.
My first step was to take an inventory of all of the content on TrainerConnect’s previous website. This included an examination of headlines, body copy, button titles, navigation, footer content, and blogs. Then, I found the areas that were text heavy and planned for ways to reduce the amount of copy on those pages, thus creating less strain for the user.
While examining the content, I also worked on the information architecture for the new website. This included creating a new site map and finding ways to reduce the number of overall pages throughout the site.
Design
The overall goal with the design was to make TrainerConnect’s web presence more approachable. I began working on this goal by defining a design system that didn’t include heavy imagery, but was still visually interesting. Throughout this process, I experimented with different image styles - photography, iconography and illustrations.
I found that custom illustrations were not only more visually appealing, but also allowed the viewers to add a sense of their own interpretation. The illustrations allowed users to imagine themselves working with TrainerConnect in their own environments, which supported TrainerConnect’s hybrid learning model.
Social Media Announcement
TrainerConnect’s previous website had been in use since the company was founded, so a special announcement for the new design was definitely needed. I created a still graphic for TrainerConnect to share on their social channels.
