EST. 2010
ST.Luce
Свет в интерьере и каталог для розничных и оптовых покупателей.
stluce.ru ↗ (откроется в новой вкладке) Смотреть ролик со звуком, 1 минута 27 секундИнформация о проекте
ST.Luce выпускает декоративное, функциональное и коммерческое освещение. В ассортименте более 3 500 артикулов в 12 стилях: от люстр и бра до трековых систем и встроенных светильников. Бренд работает с частными интерьерами и коммерческими объектами, сотрудничает с дизайнерами, архитекторами и региональными дилерами.
ЗадачаПеред нами стояла задача разработать дизайн сайта ST.Luce и соединить выразительную презентацию света с подробным каталогом. Покупателю важно увидеть светильник в интерьере, рассмотреть его детали и разобраться в характеристиках. Для дизайнеров и оптовых клиентов сайт должен стать рабочим инструментом: собрать подборку, рассчитать заказ и передать его на оформление.Видео-презентация
Свет задает настроение
Светильник важно показать и как предмет, и как часть интерьера. Мы выбрали сдержанный интерфейс с крупными фотографиями и свободной композицией. Тонкая графика и широкие заголовки поддерживают характер бренда, а яркий синий акцент выделяет интерактивные элементы.
Главная страница
Главная знакомит с коллекциями через большие интерьерные фотографии. Рядом расположены популярные категории, новинки и товары, к которым можно перейти сразу. В раскрытом меню светильники сгруппированы по типу, стилю и интерьеру: к выбору можно подойти с разных сторон. Отдельный блок показывает свет в готовом пространстве. Яркие точки отмечают изделия на фотографии, а карточка рядом помогает узнать модель и цену. Так интерьер становится еще одним способом познакомиться с ассортиментом.
Главная на телефоне
В мобильной версии мы сохранили крупный первый экран с коллекцией. Меню собрано под одной кнопкой, а поиск и корзина остаются на виду. Интерьерная фотография занимает вертикальный экран, и переход в каталог хорошо заметен на ее фоне.
Каталог светильников
В большом ассортименте важно быстро сузить выбор. Категории показаны самими светильниками, а фильтр учитывает специфику света: размеры, стиль, цвет, параметры плафона и степень защиты. Отдельно можно выбрать товары в наличии или с 3D-моделью. Спокойную сетку карточек мы разбавили крупными интерьерными врезками. Они показывают коллекции в пространстве и поддерживают визуальный ритм каталога. На телефоне фильтр вынесен в отдельный вызов, а фотографии товаров остаются крупными.
Карточка товара
Основной акцент в карточке сделан на большой фотографии: можно рассмотреть форму, стекло и отделку светильника. Рядом собраны цена, варианты исполнения и основные действия. Подробные характеристики разделены на раскрывающиеся группы, чтобы техническая информация не перегружала первый экран. Ниже мы продолжаем знакомство с моделью через описание и интерьерную галерею. В мобильной версии кнопки «Где купить» и «В корзину» вынесены в нижнюю панель, отдельно от фотографии и характеристик.
Корзина и заказ
Оптовая покупка требует больше возможностей, чем простой список товаров. В корзине предусмотрены расчет наценки, показ закупочной цены и режим без цен. Подборку можно добавить в проект, сохранить в PDF или XLS, распечатать либо поделиться ею. Рядом с итогом заказа расположен контакт персонального менеджера. Оформление собрано на одной странице: данные организации и получателя, доставка, оплата, комментарий и состав заказа. Информация разбита на последовательные блоки, чтобы покупатель мог спокойно проверить детали перед отправкой.
Новости и проекты
Для новостей мы продолжили журнальную подачу: крупные фотографии, выразительные заголовки и свободное расположение материалов. События, проекты и новости компании разделены по темам. Внутри статьи есть место для подробного рассказа, списков, цитаты специалиста и перехода к следующему материалу. На телефоне сохранены эта последовательность и крупные изображения.
О компании
Раздел о компании построен как отдельная презентация. Крупная типографика соединяется с фотографиями людей и светильников, затем появляются цифры и история бренда. Чередование светлых и темных блоков помогает разделить рассказ об ассортименте, качестве продукции и сотрудничестве. Мы сохранили общий визуальный язык сайта: даже подробная информация о компании продолжает знакомить посетителя с ее продуктом.
