Awwwards

Evolvy

Mobile Application

Evolvy це гейміфікований to-do і трекер звичок: ви створюєте власного персонажа й розвиваєте його, виконуючи задачі та звички.

img img img img img

Project Overview EVOLVY

Evolvy перетворює щоденні задачі та звички на гру. Користувач створює власного персонажа, виконує задачі, формує звички, збирає XP, монети й діаманти, підтримує серії днів і відкриває досягнення. Наша мета: щоб рутина приносила задоволення, а інтерфейс залишався легким, зрозумілим і живим на кожному екрані.

Переглянути деталі

Introduction Video

Timeline

6 months

Technologies

5 tools

Screens

200+

Результат: iOS-застосунок, що перетворює щоденні задачі та звички на гру.

Витрачено часу: 550 годин

Загальна вартість: $14,300

Project timeline Stages

Ми почали з discovery: визначили аудиторію, головний ігровий цикл і обсяг першого релізу. Далі UX/UI-дизайн та ілюстрація персонажів ішли паралельно з розробкою бекенда, потім мобільний застосунок, QA і публікація в App Store.

Наведіть на етап, щоб побачити деталі
Місяць 1Місяць 2Місяць 3Місяць 4Місяць 5Місяць 6
Реліз в App Store
Discovery3 тижні Аудиторія, головний ігровий цикл і обсяг першого релізу.
UX/UI-дизайн6 тижнів 200+ екранів, дизайн-система й одинадцять кольорових тем.
Персонаж та ілюстрації2 місяці Модульний аватар, одяг, аксесуари та дев'ять ілюстрованих сцен.
Back-end3 місяці, близько 200 год Користувачі, авторизація, каталог, інвентар, аватар, серії днів, задачі й звички.
Мобільний застосунок3,5 місяця, близько 350 год Застосунок на React Native поверх готового дизайну й API.
QA і реліз1 місяць Тестування, виправлення та публікація в App Store.

Information Architecture Structure

Застосунок побудований навколо головного екрана з персонажем, задачами, звичками й календарем. Звідти користувач потрапляє в профіль із навичками та досягненнями, магазин із наборами монет і діамантів, налаштування та сценарії створення задач, звичок і навичок.

Evolvy
Онбординг
  • Реєстрація
  • Вхід
  • Створення аватара
Головний екран
  • Задачі
  • Звички
  • Календар
  • Серія днів
  • Створити задачу чи звичку
Магазин
  • Набори монет
  • Набори діамантів
  • Ultimate-набір
Профіль
  • Навички
  • Досягнення
  • Кастомізація аватара
  • Поділитися профілем
Налаштування
  • Профіль
  • Навички
  • Мови
  • Про застосунок
  • Вийти

Наведіть на гілку, щоб побачити її призначення.

Colors Palette

Evolvy живе в темному інтерфейсі з яскравим фіолетовим як фірмовим кольором. Поверх нього ми розробили одинадцять кольорових тем, щоб кожен міг обрати настрій власного застосунку. Нижче шість із них з акцентними кольорами.

8564D7
31AEFF
23D372
D88A2D
D55D5F
4C8AAC

Icons Icon set

Контурні й заливні іконки в єдиному стилі охоплюють навігацію, задачі, звички та конструктор аватара. Нижче набір такого ж типу: оберіть товщину, розмір і колір.

houseКонтур

Components Elements

Ми зібрали систему компонентів у Figma: картки задач, підзадач і звичок, нижні шторки, календар, смуги прогресу й рівня, досягнення, навігацію та сповіщення в усіх станах. Нижче жива версія, з якою можна гратися.

Акцентний колір
1РІВЕНЬ
Досвід0 / 20 XP

Виконуйте картки нижче, щоб отримувати XP і підвищувати рівень.

3 днів поспіль

Створити задачу чи звичку

Повтор
Складність

Досягнення

Натисніть на значок, щоб відкрити його.

Сьогодні

Тут поки порожньо. Створіть першу задачу.

ПВСЧПСН

Навігація

Design Creation

Інтерфейс темний і спокійний, з одним яскравим акцентом, який користувач може змінити. Перемикайте тему й гортайте екрани: від головного з персонажем до календаря, серій днів і досягнень.

Check emailsСьогодні, 9:30 - щотижня5 XP
10050
TrainingЗавтра, 12:00 - щодня10 XP
ЗАДАЧІЗВИЧКИ
Тема

Нижче частина з понад 200 екранів Evolvy: від онбордингу й створення аватара до задач, звичок, календаря та досягнень. У дизайні також одинадцять кольорових тем.

Result Business

Evolvy працює в App Store. Користувачі створюють персонажа, отримують XP, монети й діаманти, розвивають життєві навички, підтримують серії днів і відкривають досягнення, а легкий, ігровий інтерфейс робить рутину приємною. Застосунок запустився з понад 200 екранами дизайну й одинадцятьма кольоровими темами, а в App Store має оцінку 5,0.

Куди пішли години розробки

0годин
  • Мобільний застосунок352 год64%
  • Back-end200 год36%
Показати таблицею
Частинагодин
Мобільний застосунок351.8
Back-end200
0.0/ 5

Поточна оцінка в App Store

511
40
30
20
10
11 оцінок
0

екранів дизайну

0

кольорових тем

Ігровий цикл

XPМонети й діамантиЖиттєві навичкиСерії днівДосягненняКастомізація аватара

SALTYCOIN MixIt