Дизайн, Комплекс услуг, Программирование, Создание сайтов, Юзабилити
15 мая 2017 Юлия Андреевна Алексеева , Flexalex

Путь сайта Евротур

заказчик

Евротур - туристическая компания, работающая в Москве и Санкт-Петербурге

задача

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

 

О компании

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

С чего мы начали

Мы работаем с сайтом Евротура с 2009 года. В 2010 году мы выпустили первую версию. Она была совсем простой, и в то время эта страница выглядела чем-то новым на фоне других компаний, которые предоставляли подобные услуги. Было всего две страницы: главная, на которой была написана стоимость визы в Финляндию и кнопка для перехода к анкете. Это и была вторая страница — форма, заполнив которую, клиенты получали от компании полностью подготовленные документы для оформления визы.



Скриншот первой версии сайта. Февраль 2010 года.

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

 

Скриншоты второй версии сайта. 2011 год.

Вы, наверное, обратили внимание, что компания называлась иначе. Дело в том, что компании пришлось изменить имя после появления в России Финского визового центра. Поэтому, после его открытия, компания стала называться — Евротур.

8 лет гибкой разработки

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

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

2017

В настоящий момент Евротур — это три сайта:

 

 

  1. Основной — multiviza.com,
  2. Система бронирования автобусных туров — bus.multiviza.com,
  3. Мультивиза-онлайн (multiviza.online) — сервис для заказа визы и зеленой карты.

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

Стиль

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

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

Отзывчивость

 Все эти сайты адаптивные.

Регионы

Если вы из Санкт-Петербурга, то в Контактах первым вы увидите Санкт-Петербург, а если из Москвы и других регионов, то Москва будет показана вначале. А то на телефоне очень неудобно крутить далко вниз в поисках своего города.

Страница контакты для СПб и Москвы

 

Сервисы Евротура

Медицинская страховка для поездок в страны Шенгена и другие страны

Пользователи могут заполнить форму на сайте, оплатить онлайн и получить страховку на электронную почту, забрать в офисе или получить курьером.

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

Загранпаспорт

Компания оказывает помощь в оформлении загранпаспортов.

Тут мы сделали таблицу с ценами так, чтобы она не была слишком большой, и на мобильном тоже было бы удобно смотреть стоимость услуг.


Виза онлайн

 

Тут можно заказать визу в Италию, Финляндию, Францию и другие страны. Евротур запишет вас на снятие отпечатков пальцев. А если вы уже обращались, то идти никуда не придется.

Просто сделайте селфи!

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

 

Так выглядят автоматизированные тесты.

Зеленая карта онлайн

Сфотографируйте СТО и получите готовую Зеленую карту курьером, или в офисе Евротур.


Система бронирования автобусных туров

Система позволяет пользователям выбирать места в автобусе, место посадки и покупать билеты онлайн. В то же время система работает и в офисе Евротура. Менеджеры могут бронировать билеты, подтверждать или удалять брони. А водители могут видеть и распечатывать себе список пассажиров перед рейсом.

От 60 до 70% продаж автобусных туров продаются онлайн.

Эта система работает уже более 4 лет.

Выбор мест в автобусе и места отправления.

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

Детали

Меню

Комментарии

На всех страницах основного сайта (кроме главной) поставлены комментарии Вконтакте. Тут пользователи задают вопросы, оставляют отзывы. На некоторых страницах более 250 комментариев.

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

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

Ближайшие поездки

На главную страницу сайта мы выводим ближайшие автобусные туры с указанием количества свободных мест.  

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

Карта



Анимированная SVG-карта сделана для того, чтобы наглядно представить маршруты Евротура.

Админка

Это страница про визу в Италию.

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

Оптимизация

Раньше на сайте были растровые баннеры, но когда их стало 7, мы решили отказаться от растра и сделали SVG-спрайт. Теперь все картинки баннера вместе занимают всего 20 Kb. Кроме того, все они находятся в одном файле. Это сократило число обращений к серверу.

Старые и новые слайды.

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

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

Кстати, за это время мы довольно много рисовали разных баннеров для Евротура, вот иллюстрация к одному из них (он висел в то время, когда один из офисов находился на улице Марата).

Одна из иллюстраций для сайта.

Иконка на экран

 

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

Спасибо за внимание к нашему проекту!
Если Вам было интересно, поставьте лайк, и мы напишем в следующий раз еще про какой-нибудь наш сайт.

 

 


Перейти на сайт

Обсуждение