Czech Spa Holidays

Проектирование и дизайн туристического сервиса

Czech Spa Holidays — сервис  по продаже туристических и лечебных путевок в санатории Чехии.

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

1. Исследование целевой аудитории

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

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

Отчет по целевой аудитории

Результат этапа: отчет о целевой аудитории сайта

 

2. Проектирование структуры сайта и сценариев поведения

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

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

Структура и сценарии

Результат этапа: структура сайта и сценарии поведения пользователей

 

3. Проектирование интерактивного HTML-прототипа

Имея все вводные данные, не составит труда спроектировать сам интерфейс. Приступаем к проектированию

Проектирование интерфейса

 

4. Разработка дизайна

Ищем концепцию дизайна, пробуем разные варианты и в итоге согласовываем с заказчиком. Выбранную концепцию «натягиваем» на прототип.

Главная страница

Дизайн подбора путевок Дизайн отдельной страницы Дизайн выбора цены Дизайн интерфейса галереи

Интерфейс контактов Интерфейс о нас

 

Чтобы объяснить механику работы некоторых вещей — приходится делать вот такие анимации:

Интерфейс календаря

 

Для облегчения верстки к исходникам прилагается файл с набором всех элементов интерфейса (UI-kit) и пояснениями по верстке

Набор элементов интерфейса

5. Верстка (бонус)

Отрисованные макеты дизайна передаются верстальщику. Со своей стороны я осуществляю дизайнерский контроль верстки. За версткой нужно внимательно следить, чтобы все работало и выглядело так, как было задумано изначально. Уже сверстанные шаблоны передаются разработчикам заказчика для внедрения в собственную CMS.

Отзыв о работе

Отзыв о работе над проектом

Заказать похожий проект