CPCA Website Redesign
Storyworks is a semester-long project undertaken at Centennial College with a real client. The goal was to create a full recommendation package of changes that could be implemented to improve the usability of the Canadian Process Control Association's website. The CPCA is a professional association for members of the process control industry- people and companies who make parts for the automation industry itself. Members may be CEO's, managers, engineers and administrators and represent companies with anywhere from two to two-thousand staff.
Process
Discover
To start, we met with our client and learned about their goal for the project: recommendations for a total redesign. Next, we devised a scope document, made the logo for our core team and created a timeline.
Define
As we defined the parameters of the redesign, we did a Current State Analysis and a Content Analysis of all existing pages. We used Miro and Excel for these parts.
Research
We dug into research, conducting a Competitive Analysis, conducting user interviews with the core membership, and building four personas that represented the user needs.
Synthesize
With a solid understanding of what needed to change and what could be done, we created user journeys for our personas and put together a new information architecture based around the concept of "I want to" using action verbs to highlight each section header.
Wireframes
We built low-fidelity and high-fidelity wireframes in Adobe XD to test out a new look and build mock-ups of interactive components, including an interactive calendar, a search and filter, and membership testimonials.
Reflect
I learned the value of a strong content strategy and information architecture. Our client received a full report with recommendations for language, design changes, structural changes and SEO improvements.
Artifacts
Information Architecture
The recommended site architecture, based on the concept of "I want to..." Click to enlarge.
Sample Persona
With user surveys and interviews, I built the persona of Jay, who represented the Board members of the CPCA.
Click to enlarge.
User Journey
This user flow imagines how Jay might experience the new Education section of the site and browse for courses he could take to up his credentials.
Click to enlarge.
Interactive Component
The interactive component was a drop-down search menu that would allow members to find courses that fit their needs, based on three filter options.
Click through to view the screens.
