Genesis Конфигуратор 2020
Разработка конфигуратора и поддержка сайта
2020
Genesis
Конфигуратор
Благодарственное письмо
Благодарственное письмо
Посмотреть письмо
Задача: Разработка конфигуратора и поддержка сайта
Клиент: Genesis Motors
Виды работ: Проектирование Axure, дизайн Figma, верстка VUE, программирование 1С-Битрикс.
Технологический стек: Фронтенд: Vue.js/Vuex/SSR, Node.js
Бэкенд: Yii Framework, REST API
Переосмыслен подход к визуализации
и интерактивности интерфейсов
Обновленный дизайн страниц
Мы освежили дизайн внутренних страниц, переосмыслили интерфейс и добавили в него интерактивности
Преимущества новой версии конфигуратора
Новая архитектура

В основе архитектуры проекта лежит микросервисная парадигма. Посетитель взаимодействует с Frontend-приложением на Node.js, которое в свою очередь запрашивает требуемые данные из Backend-приложения посредством REST API.

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

Потрясающая отзывчивость

Использование технологии SPA и умного рендеринга Vue позволяет сайту мгновенно реагировать на действия пользователя. Открытие страницы за немыслимые 0,07 секунд при повторном посещении!

Это в 50 раз быстрее!

Первоначальная загрузка
0.0 sec
0.0 sec
Первый переход на внутреннюю
0.0 sec
0.0 sec
Переход на ранее посещенную страницу
0.0 sec
0.0 sec
Технологический
стек проекта
vuejs icon
nodejs icon
js icon
rest api icon
webp icon
vuejs icon
Преимущества
фронтенда на Vue.js
SSR (Server Side Rendering)
Технология сохраняет показатели SEO статичных сайтов и при этом дает возможность в полной мере (без исключений) пользоваться возможностями SPA-приложений
SPA* и мгновенная реакция
на действия пользователя
  • При переходе между страницами не требуется полная перерисовка страницы, загружается только новый контент
  • Эффективная отрисовка Vue. Фреймворк умеет не просто заменять старый код новым, а использовать существующие элементы DOM для достижения максимальной скорости рендеринга
Современный протокол
HTTP/2 и HTTP/2 Server Push
  • Мультиплексирование - браузер не выполняет отдельные запросы для передачи каждого файла
  • HTTP/2 Server Push - возможность передачи в браузер необходимых ресурсов по инициативе сервера, предзагрузка файлов в фоне
  • Обязательность TLS (SSL)
  • Ускорение загрузки страниц
следующий кейс
Genesis Moments
следующий клиент Hyundai
Do you have
a challenging project?
Write to us, and we will contact you as soon as possible
Your name
Enter your name
Phone
Enter your phone number
Your message
Enter your message
Send
Success
Your message has been successfully sent.
We'll contact you soon.