Chayka Spanis

Сайт для компании, предлагающей индивидуальные экскурсии по Испании.

Процесс

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

Сначала рисуем множество эскизов, пытаясь понять, каким образом совместить несколько языков на одной странице. В итоге находим идеальное решение — сделать раздел аудиогида из трёх вкладок, на каждой из которых будет свой язык:

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

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

В итоге решаем оставить начальный экран стандартно сверху.

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

Макет многоязычного раздела с языками-вкладками:

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

Финальная анимация (HTML5 Canvas):

Раньше сайт выглядел так: