Дизайн
Alexey Normalniy
713

Редизайн сайта 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: доработка по обратной связи и аналитике.

Материал опубликован пользователем.
Нажмите кнопку «Написать», чтобы поделиться мнением или рассказать о своём проекте.

Написать
{ "author_name": "Alexey Normalniy", "author_type": "self", "tags": [], "comments": 10, "likes": 13, "favorites": 14, "is_advertisement": false, "subsite_label": "design", "id": 101543, "is_wide": false, "is_ugc": true, "date": "Thu, 16 Jan 2020 15:24:57 +0300", "is_special": false }
0
{ "id": 101543, "author_id": 251239, "diff_limit": 1000, "urls": {"diff":"\/comments\/101543\/get","add":"\/comments\/101543\/add","edit":"\/comments\/edit","remove":"\/admin\/comments\/remove","pin":"\/admin\/comments\/pin","get4edit":"\/comments\/get4edit","complain":"\/comments\/complain","load_more":"\/comments\/loading\/101543"}, "attach_limit": 2, "max_comment_text_length": 5000, "subsite_id": 199114, "last_count_and_date": null }
10 комментариев
Популярные
По порядку
Написать комментарий...
2

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

Ответить
0

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

Ответить
0

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

Ответить
0

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

Ответить
1

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

Ответить
0

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

Ответить
0

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

Ответить
0

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

Ответить
0

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

Ответить
0

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

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

Ответить
{ "page_type": "article" }

Прямой эфир

[ { "id": 1, "label": "100%×150_Branding_desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox_method": "createAdaptive", "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "ezfl" } } }, { "id": 2, "label": "1200х400", "provider": "adfox", "adaptive": [ "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "ezfn" } } }, { "id": 3, "label": "240х200 _ТГБ_desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fizc" } } }, { "id": 4, "label": "Article Branding", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "p1": "cfovx", "p2": "glug" } } }, { "id": 5, "label": "300x500_desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "ezfk" } } }, { "id": 6, "label": "1180х250_Interpool_баннер над комментариями_Desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "pp": "h", "ps": "bugf", "p2": "ffyh" } } }, { "id": 7, "label": "Article Footer 100%_desktop_mobile", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fjxb" } } }, { "id": 8, "label": "Fullscreen Desktop", "provider": "adfox", "adaptive": [ "desktop", "tablet" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fjoh" } } }, { "id": 9, "label": "Fullscreen Mobile", "provider": "adfox", "adaptive": [ "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fjog" } } }, { "id": 10, "disable": true, "label": "Native Partner Desktop", "provider": "adfox", "adaptive": [ "desktop", "tablet" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "clmf", "p2": "fmyb" } } }, { "id": 11, "disable": true, "label": "Native Partner Mobile", "provider": "adfox", "adaptive": [ "phone" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "clmf", "p2": "fmyc" } } }, { "id": 12, "label": "Кнопка в шапке", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "p1": "bscsh", "p2": "fdhx" } } }, { "id": 13, "label": "DM InPage Video PartnerCode", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "adfox_method": "createAdaptive", "adfox": { "ownerId": 228129, "params": { "pp": "h", "ps": "bugf", "p2": "flvn" } } }, { "id": 14, "label": "Yandex context video banner", "provider": "yandex", "yandex": { "block_id": "VI-223676-0", "render_to": "inpage_VI-223676-0-1104503429", "adfox_url": "//ads.adfox.ru/228129/getCode?pp=h&ps=bugf&p2=fpjw&puid1=&puid2=&puid3=&puid4=&puid8=&puid9=&puid10=&puid21=&puid22=&puid31=&puid32=&puid33=&fmt=1&dl={REFERER}&pr=" } }, { "id": 15, "label": "Баннер в ленте на главной", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "adfox": { "ownerId": 228129, "params": { "p1": "byudx", "p2": "ftjf" } } }, { "id": 16, "label": "Кнопка в шапке мобайл", "provider": "adfox", "adaptive": [ "tablet", "phone" ], "adfox": { "ownerId": 228129, "params": { "p1": "byzqf", "p2": "ftwx" } } }, { "id": 17, "label": "Stratum Desktop", "provider": "adfox", "adaptive": [ "desktop" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fzvb" } } }, { "id": 18, "label": "Stratum Mobile", "provider": "adfox", "adaptive": [ "tablet", "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fzvc" } } }, { "id": 19, "disable": true, "label": "Тизер на главной", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "p1": "cbltd", "p2": "gazs" } } }, { "id": 20, "label": "Кнопка в сайдбаре", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "p1": "cgxmr", "p2": "gnwc" } } } ] { "page_type": "default" }