With over 70% of our users browsing Thinx on mobile devices, we set out to create an in-app experience. Given development and UX constraints, Know Your Flow was designed to feel immersive while living entirely in the web browser.
The challenge
Delightful interactions
The gamified experience uses progress feedback, motion, and microinteractions to keep users engaged throughout.
Unique UI palette
A gradient palette derived from Thinx’s brand red visualizes flow intensity from "very light" to "super," serving as a personalized cue across the user journey.
UI stickersheet
This cross-platform stickersheet illustrates how the brand scales across UI — with the flow palette carrying through tabs, filters, and product cards, and surrealist illustrations adapting from large desktop selection buttons to compact mobile versions.
Because users primarily browsed on mobile but converted on desktop, we designed for mobile clarity first — emphasizing strong contrast, touch-friendly controls, and small-screen interactions.
User insight
After user testing, we shared notes and refined the designs as needed. For example, because our original dropdowns proved difficult for selecting flow routines, we moved to radio inputs to reduce cognitive load and improve usability.
User feedback
Through ongoing testing and direct feedback from our user community, the quiz ultimately converted 40% of users—proving that continuously challenging assumptions and learning from their actual experiences helped us build a quiz that educated both our customers and our team.
Final outcome
