- ЗадачаРазработка флоу и ключевых экранов приложения компании “Cosmotour”, которая занимается организацией космических путешествий на разные планеты.
Определяем пользователей
Приложение даёт доступный, безопасный и интерактивный космический туризм в цифровом формате.
- Премиум-аудитория luxury (25–45 лет)VIP-туры
Персональные маршруты
Премиум-подписка - Путешественники и искатели эмоций
(20–50 лет)«Побывай там, где ещё никто не был»
Социальный контент - Фантазёры и любители фантастики
(16–35 лет)+детиГеймификация
Квесты, достижения
Коллаборации с блогерами и играми - Люди, уставшие от реальностиРасслабление, уход от стресса, медитации
Relax
Музыка
Конкурентный анализ
- Какие решения уже существуют
- Что в них удобно / неудобно
- Какие паттерны работают
- Где есть точки роста.
Конкурентный анализ с комментариями
Архитектура
В формате схемы прописала архитектуру приложения. Это помогло структурировать информацию, определить взаимосвязи (сценарии) и предположить что будет расположено на экранах.
На этом этапе можно сделать CJM ил иUser flow.
На этом этапе можно сделать CJM ил иUser flow.
Основные проблемы и решения
Проблема
Я, как пользователь, хочу как можно скорее посмотреть интересные туры (сравнить варианты, выбрать подходящий под настроение/цель/бюджет), получить прозрачный процесс (прозрачное бронирование+доверие). Я, как разработчкик, хочу минимальных трудностей: получить реалистичные задачи, чтобы сделать качественно. Плохой UX = сложная разработка.
Решение
На старте даем возможность как можно быстрее войти в приложение. Упрощаем точку входа, выбираем самые маржинальные метрики и часто потребляемые. В онбординге показываем пользователю сразу то, зачем он пришел+кнопка пропустить (ускоряем доступ к продукту).
Я, как пользователь, хочу как можно скорее посмотреть интересные туры (сравнить варианты, выбрать подходящий под настроение/цель/бюджет), получить прозрачный процесс (прозрачное бронирование+доверие). Я, как разработчкик, хочу минимальных трудностей: получить реалистичные задачи, чтобы сделать качественно. Плохой UX = сложная разработка.
Решение
На старте даем возможность как можно быстрее войти в приложение. Упрощаем точку входа, выбираем самые маржинальные метрики и часто потребляемые. В онбординге показываем пользователю сразу то, зачем он пришел+кнопка пропустить (ускоряем доступ к продукту).
Онбординг
Основные проблемы и решения
Проблема
Визуальное вовлечение: я, как пользователь, хочу чтобы мне было интересно, не сложно изучать продукт (паттерны). Чтобы я мог доверять компании и чтобы тур был безопасным.
Решение
Красивые изображения планет, шаттлов и маршрутов. Создаем эффект «вау», что и мотивируют исследовать дальше (и повышают доверие и вовлечение).
Делаем акцент на безопасности (пометки в инфо о туре, показываем команду/отзывы).
Визуальное вовлечение: я, как пользователь, хочу чтобы мне было интересно, не сложно изучать продукт (паттерны). Чтобы я мог доверять компании и чтобы тур был безопасным.
Решение
Красивые изображения планет, шаттлов и маршрутов. Создаем эффект «вау», что и мотивируют исследовать дальше (и повышают доверие и вовлечение).
Делаем акцент на безопасности (пометки в инфо о туре, показываем команду/отзывы).
Паттерны:
Табы / вкладки – переключение между разделами
Тэги – свойства контента
Карточки – отдельные информационные блоки.
Search bar – фильтры сверху
Faceted navigation – фильтры по категориям.
Тэги – свойства контента
Карточки – отдельные информационные блоки.
Search bar – фильтры сверху
Faceted navigation – фильтры по категориям.
Мгновенные действия и мотивация
В формате карточки располагается самая необходимая информация о туре. Так пользователь быстро получает важную информацию, а при необходимости через кнопку "More info" переходит к более подробному изучению тура.
Компоненты
В рамках тестового задания я выстроила работу с компонентами как с единой системой, а не набором отдельных элементов. Все компоненты были спроектированы с учетом повторного использования. Я использовала атомарный подход: от простых элементов к более сложным модулям. Например, из базовых кнопок и иконок собирались карточки и другие формы интерфейса.
Отдельное внимание уделила типографике и цветовой системе. Для шрифтов были определены стили для разных уровней иерархии: заголовки, подзаголовки, основной текст, подписи и вспомогательные элементы. Это помогло выстроить визуальную структуру интерфейса, улучшить читаемость и дало возможность быстро вносить изменения.
Отдельное внимание уделила типографике и цветовой системе. Для шрифтов были определены стили для разных уровней иерархии: заголовки, подзаголовки, основной текст, подписи и вспомогательные элементы. Это помогло выстроить визуальную структуру интерфейса, улучшить читаемость и дало возможность быстро вносить изменения.
Итоги и выводы
В рамках тестового задания также был разработан интерактивный прототип, демонстрирующий основные пользовательские сценарии и логику взаимодействия с интерфейсом. Прототип позволил проверить удобство навигации, проработать переходы между экранами и оценить пользовательский опыт на раннем этапе.
Разработка флоу и ключевых экранов приложения компании «Cosmotour», которая занимается организацией космических путешествий на разные планеты, стала для меня интересным и вдохновляющим опытом. Было увлекательно поработать с таким необычным тестовым заданием, продумать нестандартные сценарии и создать удобный, понятный интерфейс для футуристического продукта.
Разработка флоу и ключевых экранов приложения компании «Cosmotour», которая занимается организацией космических путешествий на разные планеты, стала для меня интересным и вдохновляющим опытом. Было увлекательно поработать с таким необычным тестовым заданием, продумать нестандартные сценарии и создать удобный, понятный интерфейс для футуристического продукта.
