Редизайн сайта 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: доработка по обратной связи и аналитике.
Вот все круто, только я сам интерфейс не увидел. Он тут есть ?
не всё по NDA можем показать :( но что-то вот тут есть https://www.coalla.ru/works/n%C3%BCrburgring
Вот вроде и интересно, даже другие работы посмотреть хочу. Но почему я не могу нормально это сделать? Зачем все кейсы делать на изометрии, так же не возможно его понять вообще
Потому что это портфолио, а не кейсы как таковые. На новом сайте всё будет удобнее...
Сам дизайн плохо виден из-за мокапов. Зачем на картинке с макбуком столько пустого пространства? Картинка выглядет круто, только ваш дизайн на ней едва различим.
Подскажите, пожалуйста. Я правильно понял, что это концепт? Если это концепт, то что тогда под NDA? И если это концепт, то о каких 350 часах разработки идет речь?
Выглядит проект отлично. Видно, что работа проделана хорошая.
Если нажать на этот разноцветный кружок справа, то потом страница просто больше не скроллится. Ок f5.
Изометрия воспринимается плохо. Как-то все цветасто и для меня плохо воспринимаемо... я не понял концепта и почему клиент должен захотеть заплатить денег за новый сайт. Вероятно причина в том, что сам проект показан не структурированно.