ПЕРЕЗВОНИТЕ МНЕ

Сайт для международной выставки (которую посетил сам Ди Каприо)

2020-04-24 07:00:00 504
0 комментариев
#все#веб разработка#дизайн#интернет-экваиринг#seo оптимизация#многостраничный сайт

В этом кейсе мы подробно расскажем о нашем первом опыте сотрудничества с международной командой разработчиков выставки «In Dante Veritas».

Опыт не простой, но дико интересный для нас.

Если нет времени на подробности – просто сравните:

Было: http://indante.ru/

Стало: https://inferno360.ch/

Подробнее о выставке читайте далее.

Основатель выставки - Василий Клюкин, успешный банкир в прошлом, а ныне, не менее успешный архитектор, писатель и скульптор. В 2019 году на международной Биеннале в Венеции Василий представил свою выставку, около 30 фигур: всадники апокалипсиса, посмертная маска Данте, 21 фигура человеческих пороков.

О выставке

Скульптуры экспозиции иллюстрируют 9 кругов произведения Данте. «Скульптура состоит из металлических листов, вырезанных лазером. Благодаря правильно рассчитанному балансу они удерживаются вместе только силой гравитации. Здесь ни сварки, ни крепежей – только набор листов, вставленных друг в друга. Принцип крепления на незримой оси, математические формулы и правила я придумал и рассчитал сам. Каждая скульптура включает от 10 до 40 листов» – рассказывет о экспозиции Клюкин.

Выставка разборная и передвижная. Впервые выставка была представлена в Санкт-Петербурге, затем в Москве и Венеции. За время работы "In Dante Veritas" в России, в Русском музее, ее посетили более 200 тысяч человек. Сейчас выставка находится в Люцерн (Швейцария). В дальнейшем экспозиция будет показана в Майами, и конечным пунктом станет Нью-Йорк.

За время выставки ее посетили несколько известных личностей:

  • Леонардо Ди Каприо – в представлении не нуждается.
  • Чарльз Саатчи – коллекционер, основатель крупнейших в мире рекламных агентств Saatchi&Saatchi, M&C Saatchi).
  • Симон де Пюри – аукционист, бывший управляющий Sotheby’s в Европе.

 

               По теории 6 рукопожатий, можно сказать, что мы теперь знакомы с Лео Ди Каприо! :) 

 

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

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

Задачи:

1) создать новый дизайн сайта;

2) сделать сайт мульти-язычным, с возможностью переключения языков;

3) подключить интернет-эквайринг, с кнопкой покупки билетов на выставку в разной валюте;

4) провести базовую seo-оптимизацию на английском и русском языках.

 

ЭТАПЫ ПРОЕКТА

Создание дизайна

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

Забегая вперед, хочется сказать, что один только этап разработки занял у нас 6 итераций (что довольно много, обычно бывает не более 1-3), прежде, чем концепт был утвержден заказчиком. Опытный взгляд скульптора вывеверял все до мелочей.

Первые варианты дизайнов были в стиле "black only", для погружения пользователя в атмосферу царства теней.

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

 Первый вариант дизайна

Второй вариант дизайн-макета был доработан красными оттенками для имитации более объемной атмосферы "с эффектом огня и пара" (была вариация анимировать фон).

Мы долго искали различные метафоры для создания мрачного настроения, и в рамках попытки сыграть на уровне ассоциаций - шрифт стал еще более "античным", в духе всемирно известной игры Diablo II:

 

Игры со шрифтами никогда не бывают короткими :)

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

Так же в дизайне появился горизонтальный авто-слайдер на первом блоке:

Так же пробовали различную развертку текста на экране:

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

Заказчику понравилось использование более светлых тонов в дизайн-макете.

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

В результате подхода win-win к работе, в выигрыше остаются все.

Меню также переместили: теперь рубрикатор меню находился справа, а кнопка СТА «покупки билета» переместилась в центр.

Финальный вариант дизайна

 

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

Для любого сайта важна визуальная составляющая – отсутствие фотографий не заменит качественный дизайн.

Раздел рицензий и отзывов:

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

- исчезает ненужная пользователю прокрутка

- контент смотрится крупнее

- и таким образом, акцент зрительно смещается именно на контактные данные, не отвлекаясь на другие детали:

 

Аудиогид и мультиязычность

Для удобства иностранных посетителей выставки на сайт были интегрированы 11 языков, в том числе их сложные вариации - японский и иврит.

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

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

Меню аудиогида

Модуль покупки билетов

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

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

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

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

Вкладка покупки билетов

 

Последним пунктом работ была seo-оптимизация сайта на русском и английских языках.

 

Результат: новый сайт https://inferno360.ch/ 

 

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

___

Команда проекта:

Дизайнер: Руслана Приходкина

Верстка и программирование: Илья Приходкин

Интернет-экваиринг и платежный модуль: Ив Зедлер

SEO (поисковая оптимизация): Денис Потапов

Менеджер проекта: Антон Рендел

 

У вас сложный проект на иностранном языке? Нам это по плечу! Не раздумывайте, обращайтесь в ARS !

 

 

Нужен стильный сайт? Закажи прямо сейчас!

И возможно твой сайт попадет в эту подборку!

Читайте также:

Пожалуйста, оцените по 5 бальной шкале