TARION.COM
Elevated Website through UX Research & Design
As UX Lead and product owner, I collaborated with Tarion stakeholders to address key user needs and design a simplified and modern experience.
Vision
Tarion's flagship website had never been developed or managed through a user experience lens and consistent garnered negative feedback. Our vision was to completely restructure and design the site based on user insights. Milestones included a robust discovery and research phase, content audit and restructure, modern UI, as well as usability testing, communications & promotion.
Phase One: Discovery
A robust qualitative & quantitative research phase was conducted to better understand user groups and goals, uncover user needs and expectations, reveal usability pain points and align on opportunities to improve the experience.
Research Methods & Activities
Quantitative Content Audit
User & Site Analytics
User Personas
Empathy Maps
User Flows/Tasks
Internal Staff Interviews
Formative Interviews
Usability Testing
Consultation Surveys
Interview Transcript Coding
Affinity Mapping
Thematic Analysis
UX Recommendations
Structure & Navigation
Content categories and effective page layouts to simplify journey.
Logic & Hierarchy
Logical, consistent & simplified Information architecture & menus.
User Guidance
Tailor content to key personas & incorporate more visuals.
Conveying Meaning
Increase language clarity, remove
unfriendly jargon,
Content Volume
Remove irrelevant, content, provide details one step at a time.
With a user centric direction, we applied our learnings through an audit and restructuring of the site, including content review, analysis & updates. With a new architecture and condensed content, low and mid fidelity wireframes were created, prototyped and tested with real users.
Methods & Activities
Qualitative Content Audit
Content Development
Card Sorting for Information Architecture
Low & Mid Fidelity Wireframing
Prototyping of Core Tasks
Usability Testing
UI & Design System Development
Phase Two: Content Audit & Information Architecture
Phase Three: Design System & High Fidelity Wires
A modern, branded design system was created to refresh the look & feel of the site with high fidelity wireframes for desktop, tablet and mobile to capture each page type. With the design system implemented, we crafted each new page and all updated content across the site.
Methods & Activities
Design System Development
High Fidelity Wireframes
Responsive Design
Complete Site Content Rebuild
LauncH & post launch TESTING
The site launched as the public reveal of Tarion's new visual identity. With such drastic changes to content and navigation, we employed a communications and adoption strategy to guide users and make the transition seamless. After 3 months, confirmation interviews and usability testing were conducted to provide remaining insights & result metrics.
Methods & Activities
Internal departmental reviews & webinars
Visual Sitemaps & Cheat Sheets
On-platform guidance (Pendo)
Summative User Interviews & Usability Tests
Continuous Improvement Recommendations