Концепция мобильного приложения для туристов

Заказчик

Физическое лицо. Команда, разрабатывающая туристическое приложение для построения оптимальных маршрутов. Они обратились с задачей создать дизайн трех ключевых экранов: карты с маршрутами, избранных мест и истории посещений. Главная цель — задать единую айдентику и логику интерфейса, которую можно масштабировать в будущем, сохраняя удобство и ясность для пользователей.

Что мы предложили и как реализовали

Мы предложили подход к дизайну через создание модульной системы экранов с повторяющимися элементами (фото, адрес, описание, стоимость, удаленность). Это позволило добиться консистентности интерфейса и упростило масштабирование. Для экрана карты была проработана интеграция с Яндекс картами, на экранах «Избранное» и «История» — единая карточка места, которую можно открывать для детальной информации. Мы продумали визуальные акценты и удобные элементы переключения между разделами, сохранив простоту и интуитивность.

Проект в цифрах

•  Три спроектированных и согласованных раздела приложения

  •  1 неделя на полный цикл разработки дизайна

  •  Универсальная цветовая концепция

  •  Уменьшение времени поиска нужного места пользователем ~ на 60%

  •  Сокращение времени на внедрение новых экранов в будущем за счет единой дизайн системы

Этапы реализации продукта

  1.  Анализ требований заказчика

  2.  Подготовка айдентики и цветовой палитры

  3.  Создание прототипов экранов

  4.  Разработка дизайн-системы для карточек мест

  5.  Тестирование прототипов на UI удобство

  6.  Согласование с заказчиком и финализация макетов

Мы изучили аналогичные туристические сервисы и выявили паттерны, которые делают интерфейс понятным для пользователей. Решили не перегружать интерфейс и сделать акцент на карточках мест как основной единице контента. Это позволило сохранить баланс между картой и списками, чтобы пользователь быстро переключался между сценариями.

Прототип

В прототипе были заложены три сценария: работа с картой, работа с избранным и работа с историей посещений. Все карточки унифицированы, а переход в детализацию реализован по клику.

Дизайн

Концепция основана на легкости и минимализме: светлые фоны, акцентные цветовые метки на карте и для стоимости, читаемые шрифты. Важная фишка — карточка места универсальна и может использоваться во всех разделах. Дополнительно реализован удобный элемент переключения между разделами в нижнем меню.

Разработка

Так как проект на этапе дизайна, мы подготовили рекомендации по стеку: для фронтенда — React Native  (для кроссплатформенности), для карты — интеграция с API Яндекс, для хранения данных — Firebase или аналог. Выбор сделан исходя из потребности заказчика в простом масштабировании.

Интеграции

Ключевая интеграция — в дизайне учли подключение к Яндекс для подгрузки карт.

Тестирование

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

Релиз

На момент проекта финального релиза в сторах не было, но макеты были полностью готовы к передаче команде разработчиков. Отдельно подготовлена документация с описанием элементов и их состояний.

Резюме

В результате работы заказчик получил ключевые экраны с единой айдентикой и дизайн-системой. Это позволило задать базу для дальнейшего развития приложения и интеграции новых функций. С точки зрения управления проектом — удалось удержать сроки и уложиться в минимальный бюджет без потери качества.

Цитата менеджера проекта:

Мы создали не просто примеры экранов, а концепцию для масштабируемого продукта, который будет легко поддерживать и развивать.

Отзыв клиента:

Команда быстро и четко проработала задачу, предложила удобную структуру интерфейса и дизайн, который можно масштабировать. Мы получили именно то, что хотели — понятный и готовый к развитию продукт.