Genesis Конфигуратор
Разработка конфигуратора и поддержка сайта
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](/images/cases/genesis/vuejs.png)
![nodejs icon](/images/cases/genesis/nodejs.png)
![js icon](/images/cases/genesis/js.png)
![rest api icon](/images/cases/genesis/restapi.png)
![webp icon](/images/cases/genesis/webp.png)
Преимущества
фронтенда на Vue.js
фронтенда на Vue.js
SSR (Server Side Rendering)
Технология сохраняет показатели SEO статичных сайтов и при этом дает возможность в полной мере (без исключений) пользоваться возможностями SPA-приложений
SPA* и мгновенная реакция
на действия пользователя
на действия пользователя
- При переходе между страницами не требуется полная перерисовка страницы, загружается только новый контент
- Эффективная отрисовка Vue. Фреймворк умеет не просто заменять старый код новым, а использовать существующие элементы DOM для достижения максимальной скорости рендеринга
Современный протокол
HTTP/2 и HTTP/2 Server Push
HTTP/2 и HTTP/2 Server Push
- Мультиплексирование - браузер не выполняет отдельные запросы для передачи каждого файла
- HTTP/2 Server Push - возможность передачи в браузер необходимых ресурсов по инициативе сервера, предзагрузка файлов в фоне
- Обязательность TLS (SSL)
- Ускорение загрузки страниц