Винди

От идеи до прототипа за N недель: кейс агрегатора записи к бьюти-мастерам

Команда

Product Designer, Project Manager, Fullstack Developer, графический дизайнер

Моя роль

Founding Designer

  • UX-исследования и формирование гипотез

  • Проектирование пользовательских сценариев

  • Визуальный дизайн и дизайн-система

  • Постановка задач графическому дизайнеру

  • Дизайн-ревью и сопровождение разработки

Инструменты

Figma, FigJam, Notion, Xcode/SwiftUI, Claude, Mobbin
UX: глубинные интервью, бенчмаркинг, user flow, CJM, JTBD

Платформа

IOS app

Дизайн-система

Собрал с нуля

Результат

Релиз, 2000+ продаж в первый месяц

Контекст

Заметил как моя девушка искала мастера маникюра через 2ГИС — листала карточки салонов, звонила в несколько мест, чтобы узнать, есть ли свободное окно сегодня. Стало интересно, насколько это типичная ситуация и как можно это решить


Сформулировал первые гипотезы и пошёл проверять предположения через глубинные интервью как с клиентами, так и с владельцами салонов

Задача

Спроектировать Telegram Mini App с нуля от структуры и сценариев
до готовых макетов и дизайн-системы и довести до релиза.


Продукт должен был решать три вещи: снизить усилия на планирование питания, сделать тему понятной для тех, кто далёк от КБЖУ, и сделать возвращение в приложение регулярным.

Исследования

У заказчика уже была документация с прописанными сегментами, болями и потребностями, можно было садиться проектировать. Но формулировки уровня «хочет питаться правильно» или «не хватает времени на готовку» звучали как описание, а не находки: из них не следует ни одного решения.


Спросил проджекта, откуда данные. Внятного ответа не было — похоже, их собрали умозрительно. Предложил проверить на реальных людях. Заказчик согласился.

Материалы ТЗ

Глубинные интервью

Основной целью было понять как люди сейчас пытаются наладить питание, что реально делают день за днём, где ломаются и почему бросают, как выбирают, что приготовить, считают ли КБЖУ и как закупают продукты

С поиском респондентов проблем не было, так как заказчик владелец фитнес центров. По итогу я пообщался с 2-мя «худеющими», 2-мя «набирающими массу» и 1-м просто придерживающегося правильного питания и сделал следующие выводы:

Исследование и бенчмаркинг

Сформировал пользовательские сценарии. Изучил foodtech-продукты и разобрал паттерны рекомендаций, рационов и трекинга — чтобы опереться на проверенные решения, а не изобретать с нуля.

Прототипирование

Спроектировал вайрфреймы всех ключевых экранов, интерактивные сценарии и логику навигации.

Дизайн-система

Разработал базовые компоненты, состояния и правила использования — для консистентности и быстрой сборки новых экранов.

Интерфейс

Задизайнил все ключевые экраны и состояния с адаптацией под Telegram Mini App. Поставил задачи графическому дизайнеру: визуальный стиль, иллюстрации, маскот.

Прод-ревью

Проверял, как интерфейс отрисовывается в боевой среде: сверял

реализацию с макетами, отлавливал расхождения в отступах,

состояниях и поведении, доводил до соответствия дизайну.

Итог

Провёл продукт от концепции до работающего запуска, единолично закрыв весь дизайн — исследования, UX, дизайн-систему и финальный UI. Eatin вышел в бой, набрал 2000+ продаж в первый месяц и продолжает развиваться: сейчас проектирую новый функционал (дневник по приёмам пищи, конструктор блюд, пользовательские ингредиенты).

Продукт получился таким, каким задумывался: простой вход в тему питания, понятный рацион и лёгкий регулярный сценарий использования.

Gallery image 1
Gallery image 2
Gallery image 3
Gallery image 4
Gallery image 5
Gallery image 6
Gallery image 7
Gallery image 8
Gallery image 9
Gallery image 10
Gallery image 11
Gallery image 12
Gallery image 13
Gallery image 14
Gallery image 15
Gallery image 16
Gallery image 17
Gallery image 18
Gallery image 19
Gallery image 20
Gallery image 21
Gallery image 22
Gallery image 23
Gallery image 24
Gallery image 25
Gallery image 26
Gallery image 27
Gallery image 28
Gallery image 29
Gallery image 30
Gallery image 31
Gallery image 32
Gallery image 33
Gallery image 34
Gallery image 35
Gallery image 36
Gallery image 37
Gallery image 38
Gallery image 39

Следующий кейс

Редизайн LMS-системы

Написать мне

Create a free website with Framer, the website builder loved by startups, designers and agencies.