Интернет-магазин плитки «ПиК Плитка»
«ПиК Плитка» — интернет-магазин, где покупатели выбирают плитку по коллекциям, брендам и назначению, сравнивают варианты и оформляют заказ онлайн. Клиент пришёл с действующим сайтом на устаревшем шаблоне: дизайн выглядел “из прошлого”, а адаптивная верстка работала нестабильно — сетка ломалась, интерфейс «плавал» на мобильных, из-за чего путь к покупке становился длиннее и раздражал пользователя. Цель проекта — обновить внешний вид, привести UX к современному стандарту и получить предсказуемую, устойчивую основу для развития магазина.
Октябрь 2022
О проекте и исходная точка
У проекта был понятный запрос: “Сайт работает, но выглядит устаревшим и плохо ведёт себя на телефоне”. На старом шаблоне страдали ключевые сценарии: просмотр каталога, карточка товара, быстрые действия (в корзину/в избранное/сравнение), а также работа всплывающих окон. Это напрямую влияло на конверсию: пользователь тратит больше времени, чаще бросает выбор и уходит.
Мы подготовили два варианта реализации:
1) дорабатывать текущий шаблон и “чинить” адаптив точечно,
2) перевести проект на современную базу Аспро: Максимум и дальше кастомизировать под задачи магазина.
По бюджету и перспективе поддержки выгоднее оказался второй вариант — его и выбрал клиент.
- устаревший визуал и слабая “витринность” магазина
- проблемы адаптива: сетки, отступы, элементы управления
- потребность в стабильной базе для роста и доработок
Платформа и редизайн на Аспро: Максимум
Проект реализован на 1С-Битрикс с использованием решения Аспро: Максимум. Это дало нам современный каркас, стабильную адаптивную сетку и предсказуемое поведение интерфейса — без “латания” старого шаблона. Далее мы аккуратно адаптировали внешний вид и пользовательские сценарии под специфику плитки: визуальный выбор, характеристики, быстрые действия и понятная логика переходов.
Мы сделали интерфейс более “воздушным” и спокойным: акценты на товарах, понятная типографика, единые карточки, аккуратные блоки коллекций и брендов. В результате магазин стал выглядеть современно и доверительно — как витрина, в которой легко выбрать и купить.
- современная визуальная система и единый стиль карточек
- устойчивый адаптив на смартфонах/планшетах
- логичная навигация по каталогу, коллекциям и брендам
Каталог, карточка товара и быстрые сценарии
В карточке товара пользователю доступны понятные характеристики и быстрые действия: добавить в корзину, купить в один клик, отправить запрос через формы. Отдельно проработали лид-сценарии, которые удерживают клиента в момент сомнения — например, «Нашли дешевле?» с удобной формой.
- нормализовали сетку и поведение карточек в каталоге
- привели в порядок элементы избранного/сравнения и быстрые действия
- проработали модальные окна и формы (в т.ч. «Нашли дешевле?»)
- структурировали характеристики, чтобы не перегружать страницу
Результат
Итог — обновлённый интернет-магазин на стабильной платформе: современный дизайн, исправленный адаптив и понятная логика витрины. Пользователь быстрее ориентируется, спокойнее сравнивает варианты и проще доходит до оформления заказа. Для бизнеса это означает меньше “потерь” на мобильном трафике и удобную базу для дальнейших улучшений — без риска, что каждое изменение снова сломает верстку.
- обновили дизайн и визуальную “витринность” магазина
- исправили ключевые проблемы адаптивной верстки
- прокачали сценарии: каталог → карточка → корзина/быстрый заказ
- усилили лид-формы и микросценарии удержания
Галерея проекта
