Редизайн сайта Nürburgring
Кейс по обновлению дизайна сайта одной из самых известных гоночных трасс в мире.
Гоночная трасса в Германии, рядом с посёлком Нюрбург ведёт свою историю с 1927 года и вот уже почти 85 лет, является самой интересной и самой опасной трассой во всем мире.
Трехсотметровый перепад высот, количество поворотов варьируется в пределах полутора сотен и зависит от числа «лошадей» под капотом автомобиля, отсутствие зон безопасности и, как следствие, права на ошибку – все эти факторы заставляют тысячи людей со всего мира возвращаться снова и снова на так называемые «Touristenfahrten».
Дизайн нового сайта должен был отражать сумасшедшую динамику, отдавать дань традициям и использовать современные технологии.
NUERBURGRING.DE 2.0 от Coalla Agency это концепт.
Решаемые задачи
Problem solving:
- Управление всеми ресурсами на одной платформе
- Обновление интерфейса
- Расширение sales-сервисов
- Оптимизация для мобильных/планшетных устройств
New features:
- Интерактивная 3D карта с возможностями VR
- Новые инструменты для управления контентом
- Новые sales сервисы
Key features
- Упрощение навигации, осовременивание элементов оформления
- Адаптивная верстка для комфортного отображения на всех устройствах
Интерактивная карта
Задачи:
- Интерактивный наглядный вейпойнт в разделы сайта
- 360 VRready панорамы с точек
- Фундамент для внедрения VR-фич в дальнейшем
Интерактивная карта VR возможностей
- Полное погружение с помощью технологий виртуальной реальности
- Возможность перемещения с помощью контроллер
- Доступно для всех CardBoard устройств
Общая платформа для всех ресурсов
- Перевод всех ресурсов на единую платформу
- Создание единого интерфейса управления контентом
- Разработка инструментов масштабирования для создания новых разделов
- Интеграция общего хранилища статических данных для повышения скорости загрузки
- Интеграция и настройка инструментов кэширования
- Анализ и оптимизация инфраструктуры
Обновление платформы
TYPO3 8.X фича-лог
- Новый, удобный интерфейс управления frontend/backend
- Новые инструменты для создания элементов навигации и оформления
- Инструменты для повышения производительности
- Включает встроенную оптимизацию для мобильных устройств
- Более стабильные системные модули последних версий
- Новые библиотеки для гибкой и безопасной работы с базой данных
Кроссплатформенность
- Инструменты определения платформы
- Оптимизация интерфейсов с учетом особенностей платформы
- Улучшение навигации для мобильных устройств
- Оптимизация ресурсов для ускорения загрузки
- Оптимизация мобильных версий для SERP
Sales сервисы
- Обновление системы online магазина
- Подключение Eventim
- Оптимизация системы аналитик
Аналитика
- Сбор статистики пользовательских событий
- Сегментация пользователей
- Аналитика пользовательских действий
- Сегментация трафика по источникам/гео/совершенным события
- Оптимизация интерфейса и контента на базе аналитики пользовательских действий
Процесс разработки
- 0: анализ текущий инфраструктуры, проектирование, прототипирование
- 1-2: развертывание тестовой площадки на новой платформе, дизайн
- 3-5: разработка новых шаблонов интерфейса и новой структуры проекта
- 6-7: разработка интерактивной 3D карты трассы
- 8-9: миграция данных, подключение новых сервисов
- 10: тестирование и вывод новой версии в public
- 11-12: доработка по обратной связи и аналитике.