Groovetime
As a hybrid designer and engineer, I approached Groovetime as both a system and a story — crafting each flow to feel alive through motion, feedback, and shared participation. The sections below deconstruct the app’s core experiences, showing how design, animation, and data come together to drive real-time creativity.
Core User Flows
Onboarding Flow – “Learn, Play, Compete”
The onboarding flow introduces new users to Groovetime’s core value: turning dance learning into a game. Each screen is crafted to build progressive engagement, from discovering the fun of motion tracking, to learning choreography, to competing and leveling up with friends. The use of vibrant colors, animated transitions, and gamified copy (“Level Up,” “Game On”) sets an immediate tone of movement and play, helping users understand that every step in Groovetime is a step toward expression.
Dashboard Experience – “Dance, Discover, and Level Up”
The Dashboard Experience serves as the heartbeat of Groovetime — where users discover new challenges, track progress, and stay motivated through daily interactions. Designed to be vibrant and inviting, the dashboard connects gameplay, community, and creativity into one continuous loop of engagement.
Feed Experience – “From Discovery to Expression”
The Groovetime Feed is designed to feel alive, blending short-form dance content with real-time interaction. Each touchpoint guides users from passive viewing to active participation, all within a smooth, vertically swipable flow optimized for motion and clarity.
Dance Experience – “Motion Meets Emotion”
The Dance Experience is the centerpiece of Groovetime, where creativity, technology, and performance collide. Designed for both solo dancers and groups, this flow captures the essence of play: movement, feedback, and celebration. Each frame bridges physical motion with digital recognition, creating a loop of instant gratification and social connection.
Social & Identity Layers
Circle Experience – “Where Dance Meets Community”
The Circle Experience transforms dance challenges into living, social ecosystems. Each circle acts as a collaborative hub — where users join, compete, and celebrate each other’s performances in real time. The design blends playful visuals with competitive energy, making participation effortless and rewarding.
Profile Experience – “Identity Through Play”
The Profile Experience gives users a playful yet purposeful space to express their identity and track progress. Designed with motion-driven gradients and collectible badges, it celebrates personal growth within Groovetime’s social ecosystem.
Utility & Creation Tools
Wallet Experience – “Earn, Collect, Celebrate”
The Wallet Experience bridges creativity and reward by turning user participation into tangible value. It visualizes the journey from dancing for fun to earning “Groovys,” Groovetime’s in-app currency, making engagement feel both playful and purposeful.
Create Experience – “From Sound to Spotlight”
The Create Experience reimagines how users make and share dance challenges. It turns a multi-step process—music selection, recording, trimming, and publishing—into a streamlined, creator-first workflow built for speed and delight.
Ready to go back to the main page?
Go back