Mir Traveler: Дизайн платформы-агрегатора для путешественников по России

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

Необходимо спроектировать и разработать дизайн трёх больших модулей платформы:

1. Веб-сайт

2. Личный кабинет пользователей и бизнеса

3. Админ панель

Заказчик предоставил техническое задание, в котором были описаны основные требования к платформе:

• Структура экранов: что должно быть на каждом экране (главная страница, личный кабинет, страницы объявлений и т.д.).

• Функции и поля: основные элементы интерфейса, такие как формы, фильтры, кнопки, поля ввода.

Недостатки ТЗ: не все механики были прописаны, особенно в админке и личном кабинете для бизнеса (ЛК). Это потребовало дополнительной проработки логики  взаимодействия пользователей с платформой.

Задачи на этом этапе:

• Детально изучить ТЗ.

• Продумать возможные сценарии взаимодействия пользователей с платформой.

• Разработать механизмы учета изменений данных в CRM.

Для понимания лучших практик и формирования концепции платформы мы провели анализ около 40 референсов, включая:

• Российские платформы Авито, Озон Тревел, Островок и другие агрегаторы с функцией размещения объявлений.

• Зарубежные сайты: международные платформы, которые предлагают схожие функции.

Что мы сделали:

Изучили логику построения платформ-агрегаторов.

Выделили сходства и различия в функционале и дизайне.

Подготовили отчет для заказчика с анализом конкурентов и рекомендациями.

На основе ТЗ и данных конкурентного анализа мы составили Userflow — схему взаимодействия пользователя с платформой.Это помогло:

• Определить ключевые этапы взаимодействия пользователя с платформой.

• Учесть все возможные сценарии использования.

• Упростить навигацию и сделать платформу интуитивно понятной.

Мы детально проработали логику ключевых разделов платформы:

→ Сайт

→ Личный кабинет (ЛК): сложная структура с множеством функций.

→ Админ-панель: инструменты для управления контентом и пользователями.

Этапы:

• Создание схем и прототипов.

• Визуализация логики взаимодействия.

• Согласование с заказчиком.

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

Для наглядности мы подготовили материалы, которые демонстрируют ключевые аспекты платформы:

• Общий вид ЛК: скриншоты и схемы.

• Мобильная версия: адаптивный дизайн для разных устройств.

• Таблицы и трекеры: примеры подачи информации.

• Крупные перебивки-баннеры

• Типографика и цвета: описание шрифтов и цветовой палитры.

• Иконки: примеры графических элементов.

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