Product Design | Truthlab
Case Study
Responsive Web App
I designed end-to-end product experiences for the B2B SaaS startup, Truthlab, which was acquired by UserTesting. We enabled live, moderated and recorded video sessions that supported post session analysis and reporting though interactive annotation and collaboration
Design Roles
Research
UX Design
UI Design
User Testing
Categories
Responsive Web App
Product Design
Design Process
As the sole designer for a small startup, my product design process was lean. Design-thinking focused on “doing the right thing” and “doing the thing right” through a rapidly iterative process. This model required system-level thinking to design for end-to-end product experience flows.
As a lean team, we worked closely on every project to drive creative thinking as well as tactical implementation of our work.
A high-level outline of my design process is detailed here.
Ideation + Research
Brainstorming, Competitor Research, User Interviews, Surveys, SEO Analysis, Engaging CX leaders.
Visual Design
Implementing designs with thoughtful attention to detail and using Adobe Creative Suite, Adobe Xd, CSS, HTML5.
Planning & Sketching
One of the best ways to get started is with pen and paper and working with a team to target key product objectives.
Proto-Type & Testing
Testing designs before launching them with Adobe Xd, developer staged prototypes and post launch UAT.
Product Features
Truthlab is a qualitative research platform for B2B companies with their own in-house or external test panel. Truthlab customers primarily use the product to enhance moderated and un-moderated user-test sessions of prototypes and live products. Design efforts focus on customer needs, including interactive scripts, live session note-taking, real-time bookmarking, Machine Learning sentiment tracking and analysis, audio and screen recording, video upload, video clipping, interactive transcripts, observation theming, prioritization and sharing.
Interactive Scripts
Live Notes
Real-time Bookmarks
Sentiment Tracking
Video Clipping
Interactive Transcript
Observation Sharing
Research Session Playback
A key product feature is the Session Playback screen where users can view and listen to recorded research. The content is actionable, reducing analysis time and enabling results and sentiment tracking, notes, audio/video clips, and sharing.
Interactive Video Features
Highlight thumbnails to create video clips. Add time-stamped bookmarks and sentiment markers to the video timeline.
Interactive Transcript
Highlight the transcript to create video clips. Identify and edit speakers, add time-stamped bookmarks & sentiment markers.
Sentiment & Results Tracking
Track sentiment across individual and multiple sessions to analyze user test sessions and understand product research.
Sharing & Debriefing
Quickly share audio and video clips within the application rather than using two or more applications.
Enterprise dashboard for Truthlab is shown above. My design work includes Enterprise, Team and Professional level Information Architecture, Flows, Interfaces, and Interactions.
Design From Sketch To Device
When done right, design is a circular process and this product is no exception to that rule. It has been through several iterations – beginning with market and user research and including task flows, use case assessments, sketches, wire frames, visual design and interactive prototypes.
I was fortunate enough to work with exceptional engineerings and a leadership team that supports design, understands the product evolution and life-cycle, and aims to adapt to meet changing use-cases and customer needs.
The numbers
We’ve been tracking the success of our product by the daily usage, new users and video uploads to the platform. In less than one year, our product team of three has implemented a complete product re-factor, propelling the platform into the BETA version and we have divided it into three key levels to accommodate user and business needs at the individual, team and enterprise level.
- Daily Usage – 83%
- 2019 New Users – 77%
- Video Uploads – 96%
Product Levels
Key Features
Iterations
Year
View other projects ranging from responsive web design, to responsive web application design, to photography and motion graphics.
Let’s Start Something new
Say Hello!
Reach out and connect with me by completing the form below.
I look forward to hearing from you!