Кейс “Climba | App”
4-7 мин чтения
Climba - Мобильное приложение
для скалолазания.
Climba - Мобильное приложение
для скалолазания.
Пересмотрел архитектуру MVP, провел UX-аудит существующих решений, спроектировал пользовательские
сценарии, разработал визуальную концепцию приложения и участвовал в создании фирменного стиля продукта.
Роль
Middle UX/UI дизайнер / Продуктовый дизайнер
Задачи
UX-аудит, UX-исследования, Информационная архитектура, User Flow, UI-дизайн, Брендинг
Срок
2025-2026 (3 месяца)
О продукте
На момент подключения команда уже имела MVP приложения и понимание основной идеи продукта. Однако пользовательские сценарии были фрагментированы, многие решения принимались без единой логики, а дальнейшее масштабирование продукта вызывало вопросы.
Моя задача заключалась не только в разработке нового интерфейса, но и в переосмыслении пользовательского опыта: провести аудит существующего решения, определить слабые места и предложить архитектуру, которая станет фундаментом дальнейшего развития продукта.
Провел UX-аудит и пересобрал
пользовательскую архитектуруПровел UX-аудит и пересобрал
пользовательскую архитектуру
Перед началом дизайна я полностью изучил существующий MVP, проанализировал логику экранов и основные пользовательские сценарии.
После аудита подготовил список проблем и предложений по их устранению, который обсуждался совместно с командой клиента на нескольких рабочих сессиях.
Вместо локальных исправлений мы решили пересобрать структуру приложения практически заново.
Что было сделано:
- провел UX-аудит существующего MVP;
- проанализировал аналогичные продукты;
- пересобрал информационную архитектуру;
- построил полный User Flow;
- согласовал все сценарии с командой до начала визуального дизайна.
Результат
Работа над интерфейсом началась уже на основе согласованной архитектуры, благодаря чему количество изменений на этапе UI значительно сократилось, а команда получила понятный план дальнейшей разработки.
Построил единый визуальный язык продуктаПостроил единый визуальный
язык продукта
После утверждения структуры мы приступили к поиску визуального направления. Было разработано несколько дизайн-концепций, после обсуждения которых команда выбрала одно направление для дальнейшего развития продукта. Параллельно с этим мы сформировали базовую айдентику продукта.
Совместно с графическим дизайнером разработали:
- логотип;
- фирменную цветовую палитру;
- типографику;
- маскота в виде панды, который стал частью визуальной идентичности приложения.
Позже маскот был интегрирован непосредственно в интерфейс, сделав взаимодействие с продуктом более дружелюбным и узнаваемым.
- Позже маскот был интегрирован непосредственно в интерфейс, сделав взаимодействие с продуктом более дружелюбным и узнаваемым.
Результат
Продукт получил собственный визуальный стиль, который объединил интерфейс, брендинг и коммуникацию в единую систему.
Спроектировал цифровой опыт тренировокСпроектировал цифровой
опыт тренировок
Главной ценностью продукта должно было стать сопровождение пользователя во время занятий скалолазанием. Поэтому основной акцент был сделан на сценариях тренировок и отслеживания прогресса.
В рамках проекта были спроектированы:
- поиск и просмотр скалодромов;
- карточки маршрутов;
- цифровой логбук тренировок;
- сохранение результатов прохождений;
- статистика и прогресс пользователя;
- лидерборд участников;
- избранные маршруты.
Отдельное внимание уделили карточке скалодрома.
- Отдельное внимание уделили карточке скалодрома.
Помимо стандартной информации пользователь может:
- пройти интерактивный 3D-тур по площадке;
- посмотреть расположение маршрутов;
- изучить видео прохождения трасс другими спортсменами;
- использовать этот опыт при подготовке к собственной тренировке.
После первых итераций мы несколько раз возвращались к сценарию записи тренировок, постепенно упрощая его совместно с командой клиента.
Результат
Удалось построить сценарии, которые объединяют подготовку к тренировке, её прохождение и анализ результатов в единый пользовательский опыт без необходимости использовать сторонние сервисы.
Помимо ключевых решений
Что еще удалось реализовать
За время проекта также удалось:
За время проекта также удалось:
- разработать полноценную дизайн-систему;
- подготовить все экраны мобильного приложения;
- проработать адаптивные и пустые состояния;
- провести несколько итераций улучшения пользовательских сценариев;
- сопровождать обсуждение продукта вместе с клиентом на протяжении всей разработки;
- сформировать фундамент для дальнейшего масштабирования функциональности.
Итог
Из идеи и сырого MVP удалось сформировать целостный цифровой продукт с понятной архитектурой, собственным визуальным стилем и масштабируемой дизайн-системой.
Проект стал хорошим примером работы, где дизайн начинался не с экранов, а с исследования существующего решения, поиска проблем и совместного проектирования продукта вместе с клиентом.
