Zhivoy Svet - website for architectural and festive lighting
К нам пришла компания, которая занимается подсветкой домов, участков и коммерческих объектов. Задача простая на словах и сложная в деталях - собрать лёгкий сайт, где человек быстро понимает направления работ, видит примеры и сразу оставляет заявку. Это не одностраничник, а полноценная структура с разделами и каталогом материалов.
Задача
Показать 4 направления работ на главной и вынести каждое в отдельную страницу.
Сделать раздел «Материалы» как мини-каталог с понятными описаниями.
Дать портфолио с фильтрами по типу работ и блок с видео.
Учитывать сезонность - выделить новогодний спрос таймером и быстрым CTA.
Добавить короткий FAQ и карту с адресом - чтобы закрыть вопросы без звонка.
Что сделали
Главная страница
Первый экран держит фокус на пользе и кнопке «Получить расчёт». Ниже - четыре направления: праздничное - фасадное - ландшафтное - коммерческое. Каждая плитка кликабельна и ведёт на свою страницу с описанием процесса и примерами. Для доверия добавили короткий блок причин выбрать компанию.
Разделы по направлениям
Для каждого направления собран отдельный шаблон. Внутри - короткое описание, как проходит работа, и мини-галерея выполненных объектов. Структура одинакова, благодаря этому пользователь не теряется и быстро находит нужное.
Портфолио
Отдельная страница «Выполненные заказы» с категориями по типу подсветки и секцией «Видео». Галереи грузятся быстро, карточки аккуратно выровнены, на мобильных всё скроллится без рывков.
Материалы освещения
Собрали мини-каталог с описаниями и фото: дюралайт, белт-лайт, гибкий неон, бахрома, световые нити, «тающие сосульки», сетки, «дождь», украшение деревьев, акриловые фигуры, снежинки и фигуры из дюралайта, еловый шлейф и другие позиции. Это экономит время менеджера - часть вопросов закрывается прямо на сайте
Сезонный блок
На главной есть яркий блок с таймером до Нового года и кнопкой заказа. Он напоминает, что монтаж лучше планировать заранее, и подталкивает к заявке в пик сезона.
FAQ, контакты и карта
Популярные вопросы вынесены в отдельный блок, рядом кнопка формы. Ниже - адрес, карта и быстрые способы связи: телефон и WhatsApp. Это снижает трение и помогает быстро выбрать удобный канал.
Техническая часть
Адаптив под три брейкпоинта - страницы читаются на телефонах без горизонтального скролла.
Изображения в WebP и ленивые загрузки - портфолио не «тянет» браузер.
Семантичные заголовки и alt у фото - базовая SEO-гигиена.
Лёгкие скрипты с defer - интерфейс оживает быстро, таймер и галереи не мешают первому рендеру.
Маркировка телефонов и мессенджера - тап с мобайла сразу открывает звонок или чат.
Почему так сработало
Не перегружали текстом. Сначала показать что делаем, потом примеры, затем короткие ответы на вопросы.
Одинаковая структура разделов. Пользователь понимает логику и двигается без лишних кликов.
Каталог материалов на сайте. Меньше уточняющих звонков и переписок, больше содержательных заявок.
Сезонный триггер. Таймер помогает не откладывать решение в декабре.
Результат
Получился аккуратный сайт-витрина. Он показывает направления, материалы и реальные объекты, а дальше мягко ведёт к заявке. Команда получает обращения из формы, звонки и сообщения в WhatsApp прямо с сайта. Карта и контакты всегда под рукой, а портфолио обновляется без ломки верстки.
