Задача

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

Существующие проблемы

План работы

Сбор мнений в интернете

Чтобы понять, как именно люди сейчас решают свои задачи при покупке гайдов или туров, я проанализировала

Поведение и боли пользователей

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

Сбор экранов конкурентов

Чтобы понять, как конкуренты решают задачу пользователя, я собрала и проанализировала экраны ключевых игроков рынка. Изучила структуру навигации, подачу контента, карточки мест и способы фильтрации — чтобы выявить удачные паттерны и найти пробелы. Понравилось, что конкуренты использую эмоциональные фотографии, картинки для атмосферы мест, но в основном не дают персонализации под формат поездки. Непонятно о чем будет поездка, что я там увижу и какие у неё основные моменты.

Построение гипотезы

Исходя из исследований и анализа, была выведена следующая гипотеза: Если дать самостоятельному путешественнику один инструмент с честными авторскими гайдами, советами, интерактивной картой и фильтрацией под его стиль поездки — то он потратит значительно меньше времени на планирование и будет уверен, что не пропустит ничего важного и проведёт время комфортно и интересно.
Для проверки гипотезы будем отслеживать метрику Time on task rate — время, которое пользователь тратит на выполнение ключевых задач внутри приложения, такие как: поиск и выбор гайда, изучение гайда, убеждение, что вся необходимая информация есть, принятие решения, переход к оплате гайда, оплата и использование.

Сценарий

Проектирование экранов

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

Создание мудборда и дизайн концепции

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

Создание UI KIT

На основе мудборда и выбранной дизайн концепции был создан UI KIT, который стал единой системой, которая обеспечивает консистентность интерфейса. Я выделила 6 ключевых групп компонентов: Cards, Buttons, Titles, Icons, Elements и Tab bar.

Главный экран

Главный экран построен по принципу «от вдохновения к действию». Hero section с атмосферным изображением задаёт настроение и сразу погружает в тему путешествий. Поисковая строка с фильтрами для тех, кто уже знает куда едет, и блок Popular destinations для тех, кто только выбирает направление. Если пользователь уже что‑то смотрел — он видит Recently seen, а раздел Traveler's choice помогает найти лучшие гайды продукта.

Список гайдов

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

Гайд внутри

Экраны оплаты

Экран оплаты — один из ключевых этапов сценария, где пользователь чаще всего сталкивается с сомнениями. Из анализа барьеров стало понятно: пользователь должен чётко понимать, что он покупает и что именно получит. Поэтому на экране оплаты продублирована ценность гайда, добавлен ввод email для получения копии на почту и предложены привычные способы оплаты.

Оплаченный гайд

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

Экран локации

Детальный экран локации решает помогает пользователю убедиться, что место стоит посещения, поэтому мы добавили метку «Locals recommendation». Вкладки Overview и Reviews разделяют описание и опыт других пользователей. Встроенная мини-карта с кнопкой See on Map помогает пользователю сразу построить маршрут в нужное место.

Сохранённые места

Экран сохранённых мест (my guides) решает одну из главных болей из исследования: люди теряют сохранённые места, потому что они разбросаны по разным источникам. Метка “Saved in cloud” снимает страх, что данные могут потеряться. В сохранённых удобная навигация, места разделены по странам, можно проложить до места маршрут, или вообще удалить из сохранённых.