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
UI stickersheet
How the brand scales across UI: a gradient palette representing stages of flow extends across tabs, filters, and product cards. Surrealist illustrations live in an adaptable system from small mobile icons to large desktop badges.
Unique UI palette
A tonal color scale mapping from "very light" to "super" connects product absorbency to users' flow variations.
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
