Company
📱 GutDiaries
Skill Area
UX & CRO
Tool Stack
FlutterFlowFigmaPosthogWebflow
Overview
🔍 Context | In-app and web user onboarding flow that collects user’s IBS/GERD (health) profile data (e.g. symptoms, severity) to personalize the app experience as well as demonstrate value in the first app experience for the user to motivate user and get paywall conversions on user’s first session |
💬 Challenges | • High drop-off rate during initial onboarding flow
• Poor activity conversion, to food and symptom tracking
• Low free-to-paid conversion rate (2.1%)
• Needed to balance demonstrating immediate value with long-term engagement (as the real value comes with long term use of the app) |
🚀 Objectives | • Redesign onboarding to improve completion rate and initial engagement
• Optimize user flows based on actual usage patterns
• Increase subscription conversion rates
• Improve overall retention metrics for paying customers |
Key Highlights
Custom Web-to-app funnel in Webflow
- Created an interactive quiz-based assessment that calculated users' digestive symptom "severity index" (a multi step form in webflow using custom JS to store and personalize quiz answer within the form)
- Implemented dynamic question paths that adapted based on previous answers (loading different ‘div’ containers based on user’s choice in previous question)
- Connected frontend with backend (using supabase / postgres APIs) to personalize app account profiles on account creation at end of the quiz
Demo, tested web to app funnel variant (example few screens out ~30)
App-Native Onboarding
- Created in-app onboarding experience capturing user’s symptoms, condition history, personal goals they have out of using the app, etc
- Incorporated encouraging content strategically throughout the flow to maintain engagement, personalized based on their answers (making use of flutter conditional visibility flags to display/hide widgets as needed for personalization)
- Developed personalization that configured the app experience based on onboarding data (using Supabase APIs to write user preferences data)
- Optimized each step for maximum conversion while balancing data collection needs
Custom redirect-based A/B test (using JS)
- Conducted redirect-based A/B test between web quiz and in-app approaches using custom JS in webflow, sending variant A traffic to landing page that sent user to play/app store (with quiz and account registration on native app), while B sent to web quiz to app funnel (with account registration on web)
- Identified in-app onboarding as the better performer across key conversion metric
- Tracked results using deep links, firebase and GA4
Results / KPIs
- Onboarding conversion rate: Achieved an average CR% of 70% from install to account registration
- A/B test: Observed a ~55% conversion difference in click (on web) to final account creation, for the same set of keywords
- User stickiness: Increased daily active users (DAU) by 45% and improved user session frequency from 2.4 times per week to 4.5 avg after onboarding and feature improvements
- Increased first session engagement from first draft with ~4.2 average meals tracked vs. ~2.6 prior in first 7 days