Клиент
Компания из Москвы с собственным производством мягкой мебели — продает готовые решения и оформляет интерьер под ключ. У клиента не было сайта — продажи шли офлайн в шоуруме и через социальные сети.
Задачи проекта
- Подчеркнуть премиальность бренда, выделить его на фоне однотипных сайтов конкурентов и вызывать доверие с первых секунд
- Сайт должен удобно демонстрировать пользователю как готовый ассортимент в категориях (диваны, кресла, кровати и т.д.), так и «проекты под ключ» — интерьер для спальни, кухни, игровой, гостиной и прихожей
Результат
В этом проекте важно было соблюсти баланс: не перегрузить интерфейс, но и не сделать его слишком пустым. Мы продумали структуру так, чтобы сайт оставался визуально лёгким, но при этом не терял выразительности. Перебрали десятки вариантов компоновки блоков, отступов, сочетаний типографики и акцентов.
В итоге получился сдержанный и аккуратный сайт: много воздуха, акценты расставлены через цвет и фотографии, типографика читается легко.
Этапы работы
1. Проанализировали целевую аудиторию и конкурентов
Мы начали с изучения целевой аудитории — это обеспеченные люди из Москвы и области, которые ищут мебель высокого качества.
Им важны описания материалов, реальные фотографии проектов, отзывы и прозрачность условий.
Параллельно мы провели анализ сайтов из смежных ниш:
- Интерьерный дизайн
- Предметы интерьера
Многие сайты в нише выглядели устаревшими или перегруженными. Клиент поделился с нами подборкой сайтов, которые ему нравятся — на их основе мы выбрали концепцию в современном минимализме.
2. Разработали прототипы и написали тексты
На этом этапе мы построили структуру сайта и собрали прототипы. В это же время писали тексты и продумывали поведенческие сценарии, чтобы заинтересовать и вызвать доверие у покупателя, убедить в качестве продукции и довести до целевого действия — оформление заказа или заявка для связи с менеджером.
Каждая страница в разделе «Проекты под ключ» получилась уникальной: со своим описанием, галерей проектов, демонстрацией материалов и вариантами готовых решений для интерьера.
Сняли возражения покупателей — для каждой из страниц добавили блок «Вопросы и ответы». И продемонстрировали прозрачность условий — добавили блок с объяснением этапов сотрудничества.
А категории с готовыми решениями поместили в каталог с возможностью перехода на каждую страницу категории.
Уже на этапе прототипов нам удалось сделать так, чтобы пользователь не запутался и ему было удобно перемещаться между каталогом, категориями и проектами под ключ.
3. Сделали дизайн сайта
После согласования прототипов с клиентом, мы перешли к дизайну. Основная цель — выделиться на фоне конкурентов, подчеркнуть эстетику и качество мебели:
- Цветовая палитра была выстроена вокруг одного основного фирменного цвета — бирюзового
- Вся остальная гамма — монохромная, спокойная: белый, светло-серый, чёрный. Это позволило нам выделить фотоконтент, который играет ключевую роль в принятии решения о покупке
- Шрифт выбрали без засечек, с хорошей читабельностью — он поддерживает ощущение современности
Особое внимание было уделено адаптивному дизайну, при разработке мобильной версии мы переработали визуальную структуру блоков, сделали акценты крупнее, упростили интерфейс до сути, сохранив при этом стиль и эстетику.
Какие уникальные решения использовали
Заглянем во внутреннюю кухню дизайнера.
Одним из важных решений стали микроанимации. Мы добавили плавные появления блоков при прокрутке, мягкие эффекты наведения и лёгкие реакции интерфейса на действия пользователя. Всё это делает сайт живым и приятным в использовании, не перегружая внимание.
В основе дизайна — минимализм: чистая типографика, акцентный цвет, крупные изображения. Мы сознательно отказались от лишней графики и тяжёлых визуальных элементов, чтобы фокус оставался на мебели. Посетитель должен ощущать, будто листает каталог современной интерьерной галереи.
Отдельное внимание — к кнопкам. Вместо стандартных прямоугольников мы использовали круглую форму. Это решение не только выделяется визуально, но и делает интерфейс дружелюбнее.
Круглые элементы смотрятся легко и выступают как акценты — в нужных местах притягивают внимание, но не мешают восприятию остального контента.
Реализация сайта
Сайт мы собирали на WordPress с WooCommerce. Сначала сделали сайт-каталог (это была изначальная просьба клиента) — без корзины и возможности онлайн-покупок. В карточке товара были: фотографии, описание, характеристики, цена и форма для связи с менеджером по кнопке «Заказать».
После запуска клиент попросил нас сделать из сайта-каталога полноценный интернет-магазин. Мы занялись доработками и добавили на сайт:
- Функционал корзины
- Личный кабинет пользователя
- Страницу со списком желаний (избранное)
- Подключили оплату-онлайн: картой или по счёту
Когда сайт стал интернет-магазином, ассортимент расширился: мы подключили импорт товаров из таблицы. Теперь клиент обновляет Excel-файл, и сайт автоматически подхватывает изменения.
