Toothio Native App
Role: Principal Product Designer
Designer: Jacob O’Brien
Timeline: 14 weeks
Contributions: Product Design, Competitive Research, User Research, Concept Development, Design System, UI Design Patterns, Branding & Identity, Information Architecture, Design QA, Usability Testing
Figma Files: Professional Native App, Crown Design System
Opportunity & Outcomes
The redesign of Toothio’s dental professional native app presented a great opportunity to completely rethink the user experience, add new features, migrate to React Native, and build a design system to support it. The investment in a product redesign provided Toothio with opportunity to grow its user base, and add new features at scale.
Product Design Opportunities
Visual identity - build trust and confidence with users.
Content design - UX copywriting guidelines, image and illustration guidelines,.
UI and design patterns - familiar and scalable user experience, feature expansion, faster design/dev cycles.
Development of design system - native and browser support, component based UI, consist user experience, accelerate design/dev cycles.
Dashboard feature - actionable alerts and tasks, promote key pages, surface new features, profile status, and rewards program.
Reward feature - drive new user adoption and retain of active users.
Growth Opportunities
Market expansion - ability to quickly build trust in new markets through sophisticated user experience.
User retention - increased retention of active and new professional.
Monthly Revenue - fill more shifts through larger talent pool.
Capital Investment - secure venture capital to back the platform expansion and entry of new markets.
Outcomes
Solution
The Professional experience is a Native application with a complementary browser-based interface built with Toothio’s Design System and React code base. The dashboard-centric experience prioritizes shift scheduling and management, with a card-based layout for versatile calls-to-action and messaging, . This approach streamlined shift management, enhancing user adoption and increasing monthly active users.
To tackle friction with way-finding, user flows were optimized with intuitive design patterns. Global banners provide at-a-glance on-shift updates (e.g., next shift date, clock-in status), while detailed shift invites ensured the dental pro was prepared through, skill requirements, attire guidelines, and task previews.
The Crown Rewards feature was added and prominently featured throughout the experience, rewarding user engagement with “Crowns”. Crowns are redeemable for a range of items including gift cards, cash, and vacations, incentivizing user to stay on the platform. Pros earn Crowns through the act of accepting and working a shift, referrals, and monthly goal bonus’s. Your life time Crown earnings are set to status milestones which multiple Crown payouts.
Legacy Experience
As Toothio grew and entered new markets and added new features to the product roadmap the legacy experience began to break, it was faced with scalability issues and needed code refactoring. Data showed churn among users who had worked at least 1 shift, and frustrated users often relied on ops to assist with scheduling shifts, adjusting pay rate, and clock-in and out of shifts.
Legacy UI
Design Explorations
