Верстка и дизайн для интернет-магазина светильников Stilfort

1. Вводная задача от заказчика, проблематика, цели

Команда Stilfort обратилась к нам с желанием обновить сайт, но без конкретного плана. Задача звучала просто: «Хотим развиваться, но не знаем, с чего начать».

Поэтому мы предложили подписку на поддержку и развитие. Это когда вместо одной роли вы получаете команду: дизайнер, верстальщик, маркетолог, SEO-специалист — и все под управлением менеджера проекта. В зависимости от задач можно гибко перераспределять часы. Такой формат идеально заходит, если вы в начале пути или хотите проверять гипотезы без сложных брифов.

2. Описание реализации кейса и творческого пути по поиску оптимального решения

Работа со Stilfort началась с погружения. У команды не было четкого списка задач — только понимание, что сайт устарел и требует изменений. Мы включились как гибкая продуктовая команда: смотрели, что мешает покупателю, где сайт «сыпется» на мобильных, что можно улучшить быстро, а что — прицельно.

3. Результаты сотрудничества

Баннер на главной

Мы переработали первый экран, сделав акцент на видеоформат. Контейнер адаптировали под любые устройства — теперь ролик не искажается и не «выпадает» из сетки. Также оптимизировали вес и загрузку баннера, чтобы не страдала скорость сайта даже на мобильных.

• Адаптировали блок под видеоконтент
• Сделали адаптивный дизайн без потери качества
• Настроили быструю загрузку без подвисаний

Каталог

Переосмыслили структуру каталога: уменьшили число карточек в ряду с 5 до 3, что сделало блоки визуально понятнее и удобнее для навигации. Добавили баннер над категориями — он подталкивает к нужному действию. Плюс — теперь можно скачать каталог в формате PDF или 3D-модель товара.

• Упростили восприятие за счёт уменьшения количества карточек
• Добавили функциональный баннер над списком
• Внедрили возможность скачивания PDF и 3D-контента

Коллекции (нижний баннер)

Раньше изображения обрезались на телефонах, теперь — нет. Мы адаптировали блок под все экраны и сохранили композицию. Клиенты видят коллекции так, как задумано дизайнером, вне зависимости от устройства.

• Адаптировали изображение под мобильные
• Убрали проблему с обрезкой и искажением

Иконки и графика

Создали собственные иконки для интерфейса сайта, включая хедер, блоки обратной связи и мобильную версию. Иконки выдержаны в одном стиле и отлично читаются. Также добавили favicon и web clip icon, чтобы бренд выглядел единообразно даже в поисковой выдаче и на iOS-устройствах.

• Нарисовали уникальные иконки под задачу
• Визуально объединили интерфейс
• Настроили отображение иконок в поиске и на устройствах Apple

Раздел «О компании»

Полностью переработали верстку блока — добавили фото- и видеоконтент в формате слайдера, настроили адаптив. Теперь визуальная часть раскрывает атмосферу бренда и смотрится аккуратно на любом экране.

• Вставили слайдер с фото/видео
• Перевели блок в адаптивный формат

Раздел «Акции»

Интерактив — ключ к вовлечению. Мы добавили воспроизведение видео при наведении курсора, чтобы пользователи могли сразу увидеть товар в действии. Также устранили баг с эффектом увеличения, из-за которого ролик «вылезал» за границы карточки.

• Сделали autoplay видео по наведению
• Устранили визуальные ошибки и улучшили UX

Новый функционал — боковые баннеры

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

• Добавили удобный инструмент вставки баннеров
• Освободили клиента от необходимости править код

Александр Абрамзон

Менеджер проектов, Аспро

Услуга поддержки и развития сайта отлично подходит, если вы еще не сформулировали четкое представление о том, что нужно сайту. С командой Stilfort основное внимание мы уделили изменению верстки и дизайна, благодаря чему сайт стал выглядеть свежо. Теперь проект сильно отличается от других интернет-магазинов на решении Аспро: Максимум.