Evolvy
Mobile Application
Evolvy is a gamified to-do and habit tracker: you build your own character and grow it by completing tasks and habits.
Project Overview EVOLVY
Evolvy turns everyday tasks and habits into a game. Users create their own character, complete tasks, build daily habits, collect XP, coins and diamonds, keep streaks and unlock achievements. Our goal was to make routine feel rewarding and to keep the interface light, clear and fun on every screen.
Introduction Video
Result: iOS app that turns daily tasks and habits into a game.
Total time: 550 hours
Total cost: $14,300
Project timeline Stages
We started with discovery to define the audience, the core game loop and the first release scope. UX/UI design and character illustration then ran in parallel with back-end development, followed by the mobile app, QA and the App Store release.
Information Architecture Structure
The app is built around a single home screen with the character, tasks, habits and a calendar. From there users reach their profile with skills and achievements, a store with coin and diamond packs, settings, and flows for creating tasks, habits and skills.
- Sign up
- Sign in
- Create avatar
- Tasks
- Habits
- Calendar
- Day streak
- Create task or habit
- Coin packs
- Diamond packs
- Ultimate pack
- Skills
- Achievements
- Customize avatar
- Share profile
- Profile
- Skills
- Languages
- About app
- Sign out
Hover a branch to see what it is for.
Colors Palette
Evolvy lives in a dark interface with a vivid purple as the brand color. On top of it we designed eleven color themes, so everyone can pick the mood of their own app. Below are six of them with their accent colors.
Icons Icon set
Outline and fill icons in one consistent style cover navigation, tasks, habits and the avatar constructor. Here is a set of the same kind: pick a weight, size and color.
houseOutline
Components Elements
We built a component system in Figma: task, subtask and habit cards, bottom sheets, calendar, progress and level bars, achievements, navigation and toasts, each in all its states. Below is a live version you can play with.
Create task or habit
Achievements
Tap a badge to unlock it.
Today
Nothing here yet. Create your first task.
Navigation
Design Creation
The interface is dark and calm, with one vivid accent that the user can change. Switch the theme and flip through the screens: from the home screen with the character to the calendar, streaks and achievements.
Below, you can see a part of the 200+ Evolvy screens, from onboarding and avatar creation to tasks, habits, the calendar and achievements. The design also includes eleven color themes.
Result Business
Evolvy is live in the App Store. Users build a character, earn XP, coins and diamonds, grow life skills, keep daily streaks and unlock achievements, while a light, playful interface keeps the routine rewarding. The app launched with over 200 designed screens and eleven color themes, and currently holds a 5.0 rating in the App Store.
Where the development hours went
- Mobile app352 h64%
- Back-end200 h36%
Show as a table
| Part | hours |
|---|---|
| Mobile app | 351.8 |
| Back-end | 200 |
Current rating in the App Store
designed screens
color themes
The game loop
-
Phone:+380 (96) 580-3889
-
E-mail:hello jetup.digital