Разработка дизайна сайта туроператора из Санкт-Петербурга

Посмотреть сайт: Dom-Otdyha.com

Так выглядит разработанный дизайн главной страницы туроператора «Дом отдыха» (Санкт-Петербург) после редизайна

Коротко о редизайне сайта туроператора «Дом отдыха»

В результате редизайна сайт туроператора «Дом отдыха» (CПб) стал более структурированным и презентабельным. Этого удалось добиться за счет переделки шапки сайта, изменения подхода к типовым страницам, а также изменения дизайна как такового.

В отличие от старой версии сайта (см. вкладку «Процесс»), в улучшенной версии сайта сделан ряд незначительных, но существенных изменений:

  1. Логотип перенесен из правого верхнего угла в левый – где ему и полагается быть (так как информацию мы считываем не справо-налево, а наоборот – слева-направо)
  2. Для большего привлечения внимания, увеличен размер и снабжен визуальным элементом – пиктограммой – номер телефона
  3. Вспомогательное меню (с информацией о компании, визах и контактах) вынесено отдельно, и реализовано в в менее заметных легких серых тонах
  4. Выпадающее меню в новой шапке сайта (после редизайна)

  5. Основным меню вынесены туристические направления компании – Турция, Египет, Греция, Кипр и пр. Расположены направления в порядке их востребованности целевой аудиторией в Петербурге: от самого популярного (Турция) до наименее востребованного (Голландия). Страны вынесены в заголовки меню и находятся всегда на виду, а города сделаны в виде выпадающих меню (см. фото выше). То есть при наведении курсора мышки, например, на Эстонию, выпадут эстонские города, в которые «Дом отдыха» может предложить поехать – Таллинн, Тарту и пр.)
  6. Статичная, нарисованная акварелью, картинка с дорогой (см. вкладку «Процесс») заменена динамичным слайдером (блоком со сменными фотографиями). Содержимое слайдра меняется от страны к стране, от города к городу. Т.е. на страницы Юрмалы в слайдере показываются фотографии с юрмальскими пейзажами, на странице Риги – с рижскими достопримечательностями и т.д.
  7. Блок новостей (львиная доля которых – акционные предложения) вынесен в правую колонку сайта, и находится всегда на виду
  8. Изменен подход к наполнению типовых страниц (страниц с описаниями направлений): вместо скудной и только текстовой (!) географической информации, на них описываются достопримечательности, которые привлекают туристов, и тексты снабжены фотографиями (чего на старой версии сайта не было: там были только тексты – без иллюстраций)
  9. Для пустых страниц написаны уникальные тексты, и сопровождены соответствующими фотографиями. После редизайна пустых (т.е. незаполненных) страниц на сайте больше нет – все страницы заполнены тематической информацией

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

Дополнительная информация об этой работе, в т.ч. скриншоты страниц сайта до редизайна и комментарии к ним, приведена на вкладке «Процесс».

Ссылка на сайт: dom-otdyha.com

———

Июль, 2012

Так выглядела главная страница сайта туроператора «Дом отдыха» до редизайна

Страница «О компании» до редизайна. С точки зрения клиента, вместо краткой юридически-правовой информации куда уместнее рассказать краткую историю основания компании, привести ее отличия от конкурентов, и рассказать, чем она занимается и как долго.

Разработка дизайна сайта туроператора «Дом отдыха» (Санкт-Петербург)

У разработки дизайна сайта компании «Дом отдыха» довольно интересная предыстория.

Как это часто бывает, у компании уже был сайт (скриншоты его страниц и комментарии к ним приведены выше и ниже этого текста), однако в какой-то момент человек, который им занимался… пропал. Перестал отвечать на звонки и электронные письма – буквально пропал.

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

Для начала, стоит сказать несколько слов о шапке сайта.

ЧТО НЕ ТАК В ШАПКЕ САЙТА (ДО РЕДИЗАЙНА)

Есть пять вещей, которые в шапке сайта лучше изменить:

Первое: логотип компании расположен в правом верхнем углу. Это неправильно, так как европейцы – к которым среди прочего корректно отнести россиян – читают (и вообще воспринимают информацию) слева-направа сверху-вниз. Взгляд европейца всегда начинает сканировать страницу из левого верхнего угла. Там и должен быть расположен логотип.

Второе. Разместить телефон в шапке сайта идея неплохая, однако лучше несколько увеличить его размер и разнести с логотипом. Логотип лучше разместить в левом верхнем углу, а номер телефона можно оставить в правом.

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

Четвёртое. Переходящая рисованная акварелью картинка в шапке сайта это, в каком-то смысле, креативно, однако потенциальному клиенту компании ровным счетом ничего не говорит о том, что его ожидает в той или иной стране, в которую он думает направиться отдыхать. Лучше ее заменить на красивые фотографии достопримечательностей, которые можно посмотреть в том или ином направлении (например, разместить фотографию голубой мечети в Турции).

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

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

КРИТИЧЕСКАЯ ОЦЕНКА ДИЗАЙНА ТИПОВЫХ СТРАНИЦ

Типовой страницей принято называть внутреннюю страницу сайта, сделанную на основе одного шаблона. Эта стандартная страница, информационные блоки которой находятся каждый на своем месте (на одном и том же месте на каждой странице), а их содержание меняется от страницы к странице. В случае с сайтом туроператора «Дом отдыха» типовые страницы – это страницы направлений, которые предлагает компания: Голландия, Черногория, страны Балтии и др.

Дизайн тематической страницы (в данном случае – об Эстонии) до редизайна сайта

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

Самый главный недостаток страниц направлений в версии сайта до редизайна – это недостаток изображений (фотографий), точнее, полное их отсутствие. Как, по-вашему, что лучше: написать о городе

…Столица Эстонии – Таллинн – старейшая из европейских столиц, а старый город в центре – один из наиболее сохранившихся средневековых городов крепостей…

или разместить на сайте тематическую фотографию, скажем, такую:

Фотографии достопримечательностей могут быть отличным дополнением дизайна сайта туроператора

Согласитесь, картинка «говорит» о городе намного больше, чем один или несколько абзацев текста. В данном случае, если выбирать между картинкой и текстом, лучше выбрать картинку.

На самом деле, и первое (только текст), и второе (только картинки) – это две крайности, а любая крайность не есть хорошо. Оптимальное решение – сочетание картинки и текста. Например, такое (фото + подпись):

Фотографии достопримечательностей могут быть отличным дополнением дизайна сайта туроператора

Столица Эстонии – Таллинн – старейшая из европейских столиц, а старый город в центре (на фото) – один из наиболее сохранившихся средневековых городов крепостей

Текст и картинка те же, а воспринимается информация совсем по-другому.

ПРОЧИЕ ЗАМЕЧАНИЯ К ДИЗАЙНУ САЙТА

Ниже приведены скриншоты еще двух страниц старого сайта – страница отзывов и страница с информацией о еще одном направлении компании – о Латвии (точнее, это страница без информации о направлении – пустая страница). Краткие комментарии к дизайну даны прямо под скриншотами.

Важное замечание, на которое хотелось бы обратить внимание, это наличие на сайте незаполненных страниц. То есть страницы на сайте есть, а информации на них нет. Пример такой страницы приведен ниже (страница о Латвии, под отзывами). Какую реакцию у потенциального клиента это может вызвать? Вряд ли хорошую. Пустых страниц на сайте быть не должно: либо страница должна быть наполнена, либо ее не должно быть вообще.

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

Страница отзывов, до редизайна сайта, фактический скриншот

Скриншот страницы отзывов (до редизайна сайта). Задача отзывов на сайте – вызвать доверие. Вызывает ли доверие один отзыв размером в одно предложение, написанный вообще непонятно кем? Отзывы принято получать в письменном виде – напечатанными на листе бумаге и подписанными. Потом отзывы принято сканировать и размещать на сайте.

Страница о Латвии: ноль информации (до редизайна)

Страница о Латвии. Пустая страница. Пустых страниц на сайте быть не должно. Вам ведь и в голову не придет, например, сделать буклет, часть страниц которого будет только с заголовками – но без малейшего содержания? То есть на 90% пустых? На сайтах же это встречается довольно часто. И на сайте туроператора из Санкт-Петербурга «Дом отдыха» пустых страниц было довольно много.

Посмотреть сайт: Dom-Otdyha.com

* * *

Виды работ: разработка дизайна сайта
Исполнители: Павел
Клиент: Дом Отдыха
Регион: Санкт-Петербург
Сдача проекта: июль 2012