Русь-Тур. Дизайн и верстка сайта для проекта «Фитнес-тревел»

Компания «РУСЬ-ТУР» — один из старейших и крупнейших игроков на российском туристическом рынке. Она образовалась в далеком 1992 году, и с тех пор остается лидером по части организации путешествий в Китай.

Впрочем, КНР — не единственное направление, с которым работает компания. Плюс к этому: Монголия и страны Юго-Восточной Азии. Словом, туроператор с хорошей историей и имиджем.

Запрос клиента

Туроператор решил расширить спектр предлагаемых услуг и создать новое направление бизнеса — «Фитнес-тревел». Заказчик обратился к команде AWG за созданием дизайна и версткой сайта для этого продукта.

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

С учетом уникальности проекта клиенту понадобилась помощь экспертов, которые смогли бы в полной мере реализовать не только визуальное наполнение сайта, но и сделать этот технически сложный веб-сервис максимально удобным для будущих пользователей. Усилить команду проекта смогли специалисты AWG.

Цели и задачи

• Создать дизайн сайта в соответствии с фирменным стилем продукта
• Разработать интерфейс для комплексного classified-сервиса, полностью отвечающий запросам ЦА — удобный и понятный для пользователей
• Сверстать сайт проекта в соответствии с разработанными правилами оформления для экранов разных разрешений

Технические задачи

• Проведение интервью с заказчиком.
• Разработка RoadMap с подробным планом развития проекта и указанием сроков реализации всех этапов.
• Исследование фирменного стиля и основных элементов позиционирования продукта.
• Разработка дизайна и полностью адаптивной структуры сайта, включающей в себя абсолютно все мобильные и десктопные разрешения.
• Создание удобного и интуитивно понятного пользовательского интерфейса.
• Комплексная верстка проекта (техническая, графическая, верстка текстового блока).
• Системный и бизнес-аудит.

Реализация

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

Дизайн был разработан на базе уже созданного фирменного стиля проекта. Заказчик предоставил нашим специалистам готовые прототипы и логотип «Фитнес-тревел» — их стилевые особенности легли в основу графического наполнения будущего ресурса. В частности, наши дизайнеры разработали ряд иллюстраций, отображающих спортивные направления, в рамках которых предлагаются оказываемые услуги.

Изображения представлены в виде силуэтов спортсменов и выполнены в фирменных цветах и стилистике проекта.

С учетом специфики сайта-агрегатора дизайнеры AWG создали интерфейс, направленный на удовлетворение запросов и удобство всех пользователей будущего сервиса, — и тех, кто размещает объявление об услуге, и тех, кто собирается ее приобрести. Опубликовать информацию можно с помощью кнопки «Разместить объявление».

В интерфейсе реализована возможность расширенного поиска и поиска по категориям (виды спорта) и разделам (виды услуг).

Пользователь может выбрать интересующий раздел по направлениям, которые включают в себя «Фитнес-туры», «Мероприятия», «Секции и студии», «Услуги» (этот раздел включает в себя предложения по массажу, спортивной реабилитации, лечебной гимнастике).

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

Интерфейс сервиса позволяет опубликовать в объявлении основную информацию о туре, его организаторе, программе, вариантах размещения, стоимости.

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

На третьем этапе к реализации проекта подключился аналитик AWG, который в течение месяца на стороне заказчика проводил комплекс работ по системному и бизнес-аудиту. По результатам исследований был составлен список рекомендаций по доработке ИТ-систем компании и дальнейшему развитию проекта.

Команда

• Руководитель проекта
• Дизайн (2)
• Верстальщик
• Front-end разработчик

Результат

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