Перед началом работ стояла вполне прозаичная задача: сделать интернет-магазин, в котором даже человек без строительного опыта сможет за пару минут выбрать и купить ламинат или линолеум. Целевая аудитория — обычные покупатели, обустраивающие квартиру или офис, а не дизайнеры интерьеров. Никаких сложных конфигураторов, лишних вкладок и всплывающих окон.
Основной упор — на визуальную простоту, удобство выбора, узнаваемость бренда и доверие. Заказчику был важен не «красивый сайт», а реально работающий инструмент продаж. Сайт должен был выдерживать большие каталоги с фильтрами, карточками, быстрым заказом и всей классикой e-commerce, но в обёртке, понятной пользователю с любым уровнем цифровой грамотности.
Работа велась над полной визуальной концепцией: от главной страницы до внутренних карточек товара. Дизайн делался с прицелом на быструю вёрстку и читаемость. Акценты — рыжий брендовый цвет, чистый фон, простая иерархия элементов.
Цель проекта
Разработать дизайн удобного интернет-магазина напольных покрытий с продуманной структурой, упором на навигацию и визуально читаемые карточки. Сделать так, чтобы сайт продавал за счёт простоты, а не дизайнерских выкрутасов.
Что было реализовано
1. Каталог с фильтрами
На макете категории — классическая структура, где фильтрация идёт по ключевым параметрам: цена, цвет, класс нагрузки, производитель, фаска и тип поверхности. Акценты на визуальные элементы — образцы цвета, иконки свойств, кнопки сравнения и цену за м².
Карточки товара минималистичные: только фото, название, цена, основные параметры. Никаких перегрузок. Всё читабельно с первого взгляда.
2. Главная страница
Стартовая точка — выбор типа покрытия. Сразу за ним идут блоки с популярными и акционными товарами. Под каждым — те же карточки, что и в каталоге: без сюрпризов, чтобы пользователь не переучивался.
Дополнительно — поясняющий текст, который можно использовать в SEO и одновременно помогать покупателю определиться с выбором.
3. Карточка товара
Максимально структурированная: справа блок с ценой и заказом (включая кнопку «в 1 клик»), слева — визуальная часть.
Всё, что нужно: описание, параметры, производитель, свойства, иконки. Плюс — возможность рассчитать цену по нужной площади. Ни одна кнопка не требует дополнительных кликов, всё видно сразу.
Дополнительно — блок с сопутствующими товарами: подложка, плинтус, клей и прочее. Они в том же стиле, что и основной каталог, без переключения восприятия.
Дизайн-задачи
- Создать единую визуальную систему для всех страниц сайта.
- Объединить каталог, фильтры, карточки и корзину в один стиль без лишних визуальных «украшательств».
- Выстроить логику выбора товара за 2–3 действия.
- Использовать максимум стандартных UI-решений, чтобы пользователь не думал, где что находится.
Результат
Получился чистый, понятный интерфейс без перегруза. Каждый блок в каталоге, карточке и на главной отрабатывает свою задачу. Пользователь сразу понимает, как купить, что выбрать, сколько стоит и что будет в упаковке.
Такой дизайн даёт возможность быстро запустить магазин, легко масштабировать каталог и не бояться за адаптив. Всё построено на базовых принципах юзабилити, и именно в этом — его сила.
