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

2025-10-30 16:30:19 Время чтения 4 мин 180

Stilfort — российская компания, которая специализируется на продаже светильников и люстр. 

Задача

Команда Stilfort хотела улучшить сайт, но не понимала, с чего начать. Не хватало системности и экспертизы — требовалось комплексное развитие проекта с участием дизайнеров, разработчиков и SEO-специалистов.

Решение

Мы предложили услугу «Поддержка и развитие сайта». Формат, где клиент получает команду специалистов в одной подписке и может гибко распределять часы на нужные задачи.

Этапы работы

1. Первые шаги

Начали с простого: заменили иконки, добавили адаптивность баннерам на главной странице. Так команда протестировала процесс взаимодействия и распределение задач.

2. Новые разделы

После погружения в проект мы реализовали и адаптировали страницы «Коллекции» и «Проекты». Одновременно консультировали клиента по настройкам и помогали уточнять новые приоритеты.

3. Обновление дизайна и верстки

Главный баннер

Сайт Stilfort встречает посетителей видео — мы доработали, изменили размеры и сделали баннер полностью адаптивным. Видео теперь корректно отображается на любых устройствах и не тормозит при загрузке.

Разделы каталога

Чтобы улучшить визуальное восприятие, количество блоков в ряду сократили с пяти до трех, а сами карточки товаров увеличили. Над категориями добавили баннер — теперь можно не только перейти к нужным товарам, но и скачать каталог в PDF или 3D-модели.

Нижний баннер

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

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

Мы нарисовали серию иконок в едином стиле, адаптировали верстку под новые размеры и добавили отдельную иконку телефона для мобильной версии.

Создали favicon и web clip icon на основе фирменного логотипа, а также три новые иконки для блока обратной связи на странице «О компании».

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

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

Видео в разделе «Акции»

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

Боковой баннер

Добавили возможность размещать боковые баннеры на любой странице. Для этого заменили блок подписки на рассылку. Теперь клиент может самостоятельно выбирать, где и какие баннеры отображаются.

Результат

За четыре месяца команда провела комплексное обновление дизайна и верстки, улучшила адаптивность и пользовательский опыт. Сайт Stilfort стал визуально современнее и удобнее, а проект продолжает развиваться — сейчас акцент смещен на SEO-продвижение. Первые результаты ожидаются в ближайшие месяцы.

Если ваш сайт не приносит нужного результата, мы готовы помочь в этом. Запустим для вас современный и удобный сайт. Оставьте заявку, и мы ответим на все ваши вопросы.

Категории: Кейсы