Как создать удобный интернет-магазина керамогранита — дизайн для Estima

Как сделать по-настоящему удобный сайт: редизайн интернет-магазина на основе пользовательского опыта

Estima — один из российских производителей керамической плитки и керамогранита. У бренда давно работал интернет-магазин, которым пользовались как розничные покупатели, так и профессионалы — дизайнеры, строители, представители торговых компаний. Со временем сайт устарел — перестал соответствовать современным представлениям об удобстве и отражать эстетику самого продукта.

Задача компании Riverstart — создать дизайн-макеты нового интернет-магазина: понятного, эстетичного, с удобной структурой и интерфейсом, который помогает быстро выбрать плитку в нужном количестве, а не путает из-за обилия сложных параметров.

Начало работы: анализ старого сайта глазами пользователей

Первым этапом проекта стало юзабилити-тестирование. Riverstart провели глубинные интервью с семью пользователями, в число которых вошли люди, недавно занимавшиеся ремонтом. Собрали мнения людей разных профессий и возрастных категорий. В выборку вошли менеджеры, инженеры, руководители и другие специалисты разных возрастов от 24 до 58 лет. 

Участники использовали сайт бренда и делились опытом, как они выбирали плитку, что искали в интернет-магазине, на что обращали внимание, где испытывали затруднения. К примеру, по поводу визуала выяснилось, что белый фон для товаров — неудачное решение, светлая плитка на таком фоне теряется и не дает представления о рисунке и текстуре.

UX-исследование дало основу для изменений

На основе этих интервью UX-исследователи Riverstart сформировали карту проблем и список пожеланий к новому сайту: от фильтров и визуализации до структуры карточки товара. Все выводы зафиксировали в презентации с инсайтами и подробном отчете. 

Посмотрим, что изменилось:

1. Структура и интерфейс помогают выбрать товар

Исследование показало, что большинство трудностей связано не с самим ассортиментом, а с подачей: сложно понять, какая плитка подходит для пола, а какая — для стен; трудно представить, как она будет выглядеть в интерьере. Дизайнеры переработали сайт так, чтобы он сопровождал пользователя на всех этапах выбора.

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

2. Интерьерная визуализация прямо в карточке

Пользователям важно увидеть плитку «в жизни»: как она смотрится в помещении, как укладывается в рисунок, сочетается с цветом стен и мебелью. Добавили фото плитки в реальных интерьерах — прямо в карточке товара. Не нужно переходить в другие разделы, чтобы понять масштаб или увидеть орнамент.

Это решение особенно помогает тем, кто выбирает плитку под определенный стиль — например, минимализм или классический интерьер.

3. Характеристики без перегрузки

У плитки много параметров: от толщины до текстуры и устойчивости к истиранию. В старом дизайне они подавались «сплошным списком», пользователи говорили, что это сбивает с толку при выборе. Дизайнеры сгруппировали характеристики по смыслу, выделили основные и добавили подсказки, чтобы пользователь понимал, на что обращать внимание.

Карточка товара стала рабочим инструментом: удобно сравнивать варианты, оценивать цвета, быстро выбрать нужное количество упаковок.

4. Визуальная концепция: сдержанно, стильно, с акцентом на продукт

Дизайн-макеты выполнены в рамках брендбука Estima: нейтральная монохромная палитра, акцентные цвета для активных элементов, много «воздуха». Визуальный стиль — современный, с отсылкой к интерьерным журналам. В оформлении сайта использовали геометрические элементы и текстуры, перекликающиеся с дизайном плитки, чтобы подчеркнуть внимание бренда к эстетике.

Результат

UX-аналитики и дизайнеры Riverstart создали обновленный дизайн интернет-магазина керамогранита Estima — с удобной навигацией, продуманной структурой и визуальным языком, соответствующим характеристикам бренда. В основе проекта — потребности пользователей, выявленные через UX-исследование. Именно они легли в основу всех решений: от организации каталога до визуализации плитки в интерьере.

Такой подход позволяет не просто обновить внешний вид сайта, а реально повысить удобство для покупателя — и, как следствие, эффективность онлайн-продаж.

Сейчас новый дизайн интернет-магазина находится на разработке и скоро увидит свет на страницах сайта.