Truth Initiative | Nonprofit Website Redesign
The Client
Truth Initiative is a national nonprofit dedicated to fight tobacco, vaping, and opioids.
The Brief
xyz
Audience
xyz
Solution
xyz
Client:
Truth Initiative
Business Model:
Nonprofit
Team:
• Strategy & UX – Jess Chow
• Visual Design – Mike Smith
• Creative Direction – Steve Yaffe
• Copy – Doug Murphy
• Front-end Dev – Sean Burke, Ryan Brooks
• Back-end (Drupal) Dev – Chase Barrett
• Production – Kristen Todd
• Account – Joanna Field
UX Deliverables:
• Stakeholder Interviews
• Taxonomy Workshop
• Card Sorting
• Sitemap
• User Flows
• Tree Testing
• Wireframes
• Usability Testing
• Functional Specification
The Design Process
Current State
Strategic reco from pitch. User flows.
Taxonomy workshop - see how internal folks organize content…
Card sorting studies
Taxonomy Workshop & Card Sorting
insert picture of sticky notes during taxonomy workshop.
Taxonomy Recommendations
Recommended Taxonomy
Sitemap
xyz
IA Tree Test
xyz
Experience Pillars
Template Identification
Wireframe - Homepage
Interactive Wireframe Prototype
Working extremely closely with the visual designer, copywriter and developers on my team, I created a responsive interactive wireframe prototype that included: the current homepage with the soft pre-launch teaser, our recommended homepage post-launch, a new About Roomba page, an iRobot Innovations page, and revamped product detail pages.
Functional Specification
To hand off to the development team, I put together functional specifications that clearly defined the intended functionality of each element on every template.
After visual designs were created, we conducted usability testing with prospective customers, competitive vacuum owners, and current customers. Pages that were tested include the recommended homepage, the About Roomba page and the product detail page.
Test Plan
Before testing, I put together a test plan to outline logistics, equipment/tools, the tasks and any pre/post-study questions.
Usability Testing
Usability testing was conducted with a total of 14 participants (7 on desktop designs, 7 on mobile designs). Participants’ screen, facial expressions, finger gestures (on mobile) and their responses were recorded as I walked them through each task.
Usability Testing - Desktop
Usability Testing - Mobile
Usability Testing Findings & Recommendations - Key Takeaways
Findings & Recommendations
After conducting usability tests, we analyzed participant responses and testing results, and put together a findings & recommendations document. We found that:
Users struggled with certain product terminology
Users preferred to scan and see product categories quickly
Users reacted positively to certain words regarding product functionality and pricing
Users struggled to find certain page elements
Users reacted positively to the product videos
Once these issues were uncovered, the team incorporated recommendations to solve for them, resulting in final designs and implementation of a product that has gone through iterations of feedback from both the business and actual end users.