HabitAt
HabitAt turns a household task overview into a small illustrated home. Rooms, counters, and a points balance give the screen an immediate structure, while a prominent New Task action creates a clear starting point.
Product concept
UI/UX
2025
Use the shape of a home to make household tasks feel approachable.
- Focus
- Mobile UI/UX · Household tasks · Gamification
- Tool
- Figma
- Timeline
- June 2025
Overview
The mobile interface organizes household tasks around the rooms of a house. Laundry, bathroom, bedroom, office, dining room, and living room appear as distinct spaces, supported by a points balance and bottom navigation.
Room overview
Organize tasks around familiar spaces.
The illustrated house gives each room a labeled, colored area. Small numbered counters let each space carry its own status without turning the home overview into a long list.
Furniture details and the roof-and-garden silhouette reinforce the household context. The illustration acts as the organizing structure for the interface, as well as its visual identity.
Actions & rewards
Make the next step easy to spot.
A large New Task button sits below the house in a green yard. Its separate position gives task creation a clear place without obscuring the room overview.
The points balance sits beside the page title, while Shop appears in the navigation. Together, these elements introduce a reward-oriented direction without requiring dense explanatory copy on the home screen.
Visual system
Pair playful graphics with straightforward controls.
Pastel room colors, simple furniture shapes, white counter circles, and a picket fence give the concept a playful character. Black labels and icons preserve a clear functional layer.
Home, Shop, and Friend Map define the main navigation, connecting daily tasks with rewards and social discovery.