Проекты

Leisure Scanner

Разработка интерфейса сервиса для организации туристических перелетов и проживания на курортах планеты.

# 2019

# Дизайн # Разработка

Leisure Scanner — сервис для организации туристических перелетов и проживания на курортах планеты.

Задача

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

Анализ, структура

Анализируем потребности заказчика и формируем структуру будущего раздела администраторов. Т.к задача предполагает работу с большими объёмами данных, при составлении структуры мы опирались на принципы информационного дизайна — создали иерархию, по которой как по древу, пользователь может получить доступ к любому подразделу.

Структура будущего интерфейса

От руки набрасываем примерную структуру будущего интерфейса, заодно придумываем возможность скрытия бокового меню.

Дизайн

Поиск и выдача

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

Виды офферов разделены на 4 вида — для удобства пользователя Поиск предложений — в виде кнопки доступен на всех экранах Быстрый переход в аккаунт пользователя, и краткая сводка о балансе и количестве позиций в корзине Взрослые и детские билеты разнятся, поэтому мы предусмотрели соответствующие настройки Мы объединили два календаря — для удобства выбора времени приезда и отъезда — перемещение начальной и конечной дат, наглядно демонстрирует продолжительность путешествия
Карточка
Дополнительные типы сортировки появляются при формировании поисковой выдачи и позволяют более тонко настроить предпочтения пользователя. Подходящие позиции разгружаются сразу, не дожидаясь окончания поиска Звезды «Мишлен» — помогают сразу определить уровень отеля Сигнализируем, если мест осталось мало Напоминаем, на какой срок оплачивается номер Дополнительно рядом со стоимостью указываем дополнительные сборы, включаемые в итоговую цену — никаких скрытых платежей! Указываем количество и виды спальных мест Расположение каждого отеля всегда можно просмотреть на карте
Уточняем, устраивает ли пользователя сложный маршрут Мы визуально объединили поля «откуда» и «куда» — всё для удобства пользователя Всегда можно попробовать подыскать прямой рейс, без утомительных пересадок
Начальный экран — единственное отступление от строгости информационного дизайна, которое мы себе позволили
Предусмотрели широкие настройки для выбора посадочных мест Стоимость пересчитывается по текущему курсу Сортируем по нужному критерию: время, цена, отправление и т.д Доступные билеты скомпонованы таким образом, что бы показать как и цену, и время, так и пересадки (если они предполагаются) Билет представлен в виде разворачивающего блока. При необходимости, его можно развернуть и увидеть точную информацию по путешествию В каждом билете указаны соответствующие опции и ограничения перевозчика

Полная карточка отеля

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

Быстрая навигация к нужному блоку на странице Текущие критерии поисковой выдачи всегда можно быстро изменить, если пользователь передумает Указываем, на сколько человек расчитан номер На видном месте — цена и количество ночей в номере Дополнительные опции и вид оплаты Перечисляем опции, что ожидают туриста при его текущем выборе

Внутренние разделы

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

У администраторов реализован доступ к аккаунтам пользователей и возможность совершать действия от их имени Мы предусмотрели в интерфейсе отключение бокового меню — для увеличения рабочей области в случае больших объемов данных Дополнительные элементы управления проработаны отдельно: для действия — кнопка с иконкой; для переключения в другой вид — более простая визуализация Сортировка предусмотрена для тех параметров, которые это допускают Все статусы имеют свой цвет для удобного и быстрого считывания Важные действия над элементами скрыты в отдельное меню для безопасности, что бы исключить случайное нажатие Информационные блоки разделены и скомпонованы согласно выработанной визуальной иерархии
Хотите работать с нами?

Напишите нам и мы сделаем проект под ваши задачи

Начнём прямо сейчас
Томский расчетный центр
Xarus