Редизайн сайта Nürburgring

Кейс по обновлению дизайна сайта одной из самых известных гоночных трасс в мире.

Гоночная трасса в Германии, рядом с посёлком Нюрбург ведёт свою историю с 1927 года и вот уже почти 85 лет, является самой интересной и самой опасной трассой во всем мире.

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

Сайт www.nuerburgring.de до редизайна

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

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: доработка по обратной связи и аналитике.
0
11 комментариев
Написать комментарий...
Дима Волков

Вот все круто, только я сам интерфейс не увидел. Он тут есть ?

Ответить
Развернуть ветку
Coalla Agency 🐨
Автор

не всё по NDA можем показать :(  но что-то вот тут есть https://www.coalla.ru/works/n%C3%BCrburgring

Ответить
Развернуть ветку
Дима Волков

Приземлился прямиком на 404 страницу

Ответить
Развернуть ветку
Дима Волков

Я кейсы в нашем агенстве упаковываю, обращайтесь )

Ответить
Развернуть ветку
Виталик Лузан

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

Ответить
Развернуть ветку
Coalla Agency 🐨
Автор

Потому что это портфолио, а не кейсы как таковые. На новом сайте всё будет удобнее...

Ответить
Развернуть ветку
Виталик Лузан

Тогда я правильно понимаю, в портфолио нужно делать все максимально непонятно для людей? тогда для кого это портфолио вообще нужно? именно такое 

Ответить
Развернуть ветку
Alex Normalny

ИМХО вопрос вкуса и восприятия. Кому-то это кажется достаточно понятным, но в целом я согласен. Видимо именно поэтому ребята сейчас делают редизайн сайта студии.

Ответить
Развернуть ветку
Morgan Geee

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

Ответить
Развернуть ветку
Konstantin Tereschenkov

Подскажите, пожалуйста. Я правильно понял, что это концепт? Если это концепт, то что тогда под NDA? И если это концепт, то о каких 350 часах разработки идет речь? 

Выглядит проект отлично. Видно, что работа проделана хорошая.

Ответить
Развернуть ветку
T K

Если нажать на этот разноцветный кружок справа, то потом страница просто больше не скроллится. Ок f5.

Изометрия воспринимается плохо. Как-то все цветасто и для меня плохо воспринимаемо... я не понял концепта и почему клиент должен захотеть заплатить денег за новый сайт. Вероятно причина в том, что сам проект показан не структурированно.

Ответить
Развернуть ветку
8 комментариев
Раскрывать всегда