Разработка сайта для Z1 Lighting Tools

1. Создание дизайн-концепции

— Разработать современный, эстетически привлекательный и функциональный дизайн, вдохновлённый проектами компании.

2. Анимация и интерактивность

— Реализовать анимацию загрузки сайта, вдохновлённую инсталляциями заказчика, с несколькими вариациями, символизирующими проникновение света сквозь тьму.

3. Функциональный конфигуратор светильников

— Создать мощный инструмент для подбора светильников, способный обрабатывать тысячи вариаций и артикулов.

4. Мультиязычность и гибкость управления контентом

— Реализовать возможность создания и размещения многоязычного контента с помощью удобного конструктора страниц.

Компания Z1 Lighting Tools — ведущий производитель высокотехнологичной и современной светотехнической продукции, создающий освещение для самых значимых архитектурных объектов России. Среди клиентов компании — Сколково, Совет Федерации, Лахта Центр, аэропорт Платов, СберБанк Сити, а также офисы крупных компаний: Яндекс, Росатом, МТС, Авито и многие другие.

Технологии: Laravel, Nuxt.js, Vue.js, Elasticsearch, MySql, Redis, Docker, Node.js, PhpStorm, NGINX.

Современная дизайн-концепция

Команда дизайнеров под руководством Анны Галактионовой разработала лаконичный, минималистичный и при этом выразительный дизайн сайта, который подчёркивает особый статус компании и её проектов.

Анимация на главной странице

Было предложено 4 варианта анимации загрузки экрана, выполненных на pixi.js. Основная анимация повторяет реальную световую инсталляцию заказчика и символизирует букву Z, рассыпающуюся на лучи света, собирающиеся в геометрические формы.

Продвинутый конфигуратор

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

1. Управление десятками тысяч артикулов через документоориентированную базу данных;

2. Сложную логику отображения и фильтрации характеристик, исключение не возможных вариантов конфигурации;

3. Гибкое управление настройками конфигуратора из админ-панели.

Техническая реализация сайта

Сайт реализован в формате SPA (Single Page Application) с серверным рендерингом (SSR), обеспечивая высокую производительность, быструю загрузку и качественную SEO-оптимизацию.

Кастомная админ-панель

Реализована удобная админ-панель с разграничением прав доступа (администратор, сотрудник), двухфакторной аутентификацией и логированием действий пользователей, обеспечивающая безопасность и удобство работы с контентом.

Мультиязычность и контент

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

Проект был реализован командой из 10 человек за 10 месяцев!

Получился быстрый, мощный и гибко настраиваемый инструмент для профессионалов рынка освещения — архитекторов и инженеров. Сайт Z1 Lighting стал одним из самых сложных и успешных проектов нашей команды, где эстетичный дизайн органично сочетается со сложным функционалом.