Заказчик
Физическое лицо. Команда, разрабатывающая туристическое приложение для построения оптимальных маршрутов. Они обратились с задачей создать дизайн трех ключевых экранов: карты с маршрутами, избранных мест и истории посещений. Главная цель — задать единую айдентику и логику интерфейса, которую можно масштабировать в будущем, сохраняя удобство и ясность для пользователей.
Что мы предложили и как реализовали
Мы предложили подход к дизайну через создание модульной системы экранов с повторяющимися элементами (фото, адрес, описание, стоимость, удаленность). Это позволило добиться консистентности интерфейса и упростило масштабирование. Для экрана карты была проработана интеграция с Яндекс картами, на экранах «Избранное» и «История» — единая карточка места, которую можно открывать для детальной информации. Мы продумали визуальные акценты и удобные элементы переключения между разделами, сохранив простоту и интуитивность.
Проект в цифрах
• Три спроектированных и согласованных раздела приложения
• 1 неделя на полный цикл разработки дизайна
• Универсальная цветовая концепция
• Уменьшение времени поиска нужного места пользователем ~ на 60%
• Сокращение времени на внедрение новых экранов в будущем за счет единой дизайн системы
Этапы реализации продукта
1. Анализ требований заказчика
2. Подготовка айдентики и цветовой палитры
3. Создание прототипов экранов
4. Разработка дизайн-системы для карточек мест
5. Тестирование прототипов на UI удобство
6. Согласование с заказчиком и финализация макетов
Мы изучили аналогичные туристические сервисы и выявили паттерны, которые делают интерфейс понятным для пользователей. Решили не перегружать интерфейс и сделать акцент на карточках мест как основной единице контента. Это позволило сохранить баланс между картой и списками, чтобы пользователь быстро переключался между сценариями.
Прототип
В прототипе были заложены три сценария: работа с картой, работа с избранным и работа с историей посещений. Все карточки унифицированы, а переход в детализацию реализован по клику.
Дизайн
Концепция основана на легкости и минимализме: светлые фоны, акцентные цветовые метки на карте и для стоимости, читаемые шрифты. Важная фишка — карточка места универсальна и может использоваться во всех разделах. Дополнительно реализован удобный элемент переключения между разделами в нижнем меню.
Разработка
Так как проект на этапе дизайна, мы подготовили рекомендации по стеку: для фронтенда — React Native (для кроссплатформенности), для карты — интеграция с API Яндекс, для хранения данных — Firebase или аналог. Выбор сделан исходя из потребности заказчика в простом масштабировании.
Интеграции
Ключевая интеграция — в дизайне учли подключение к Яндекс для подгрузки карт.
Тестирование
Проводили тестирование прототипов на реальных сценариях: поиск места, добавление в избранное, просмотр истории. Выявили, что пользователи быстрее ориентируются в интерфейсе, если карточки одинаковые во всех разделах — гипотеза подтвердилась.
Релиз
На момент проекта финального релиза в сторах не было, но макеты были полностью готовы к передаче команде разработчиков. Отдельно подготовлена документация с описанием элементов и их состояний.
Резюме
В результате работы заказчик получил ключевые экраны с единой айдентикой и дизайн-системой. Это позволило задать базу для дальнейшего развития приложения и интеграции новых функций. С точки зрения управления проектом — удалось удержать сроки и уложиться в минимальный бюджет без потери качества.
Цитата менеджера проекта:
Мы создали не просто примеры экранов, а концепцию для масштабируемого продукта, который будет легко поддерживать и развивать.
Отзыв клиента:
Команда быстро и четко проработала задачу, предложила удобную структуру интерфейса и дизайн, который можно масштабировать. Мы получили именно то, что хотели — понятный и готовый к развитию продукт.
