Preview image. Unlock full-res
Mobile app UI for a fitness tracker with gamified challenges, lime-green action button, and character mascots displayed as a greeting interface.
Summary
A mobile app interface for a fitness gamification app featuring a greeting with user avatar, active missions, and lime-green action buttons for challenge completion.
Visual description
A full-screen mobile UI on white background with black text and UI elements. At the top, large sans-serif headline reads "Hi, what we gonna do today?" with a circular user avatar portrait to the left. A score badge showing "999" with an emoji sits top-right. Below are three stacked challenge cards: the first shows "3 missions are active now" in a black pill badge; two challenge cards display task descriptions with "new" badges and countdown timers, each accompanied by a small character mascot on the right. The final visible card offers a lime-green "Claim" button. At the bottom, a black badge shows "4 challenges to be done" with a dropdown arrow. The interface uses high contrast, ample whitespace, rounded corners, and clear card-based hierarchy.
Key takeaway
The use of a bold lime-green button as the sole saturated accent that draws attention and guides action. The card-based layout with clear separation and countdown timers that create urgency and structure. The small mascot characters that add personality without compromising legibility.
Reuse notes
Strong reference for mobile fitness, productivity, or lifestyle apps using gamification patterns. The high-contrast monochrome base with a single bright action color is effective for apps needing clarity and focus. Works well for challenge-based or reward-driven product experiences.
