У магазина 14 брендов, и страницы для них были пустыми витринами: логотип, свёрнутое досье и кнопка «Назад». Весь смысл марки — в линейках под задачи кожи — на странице не было видно вовсе. При этом про один бренд существовало сразу три адреса, и они конкурировали друг с другом в поиске.
Сначала развели роли
Страница бренда рассказывает о марке, раздел каталога продаёт, лишний третий адрес переадресовали. Без этого шага любая доработка страницы работала бы вполсилы.
Главное на странице — определитель
Посетитель выбирает задачу кожи, и страница показывает линейки под неё с настоящими средствами, их фотографиями и ценами. Данные берутся из каталога и пересобираются сами, поэтому цены и наличие не расходятся с магазином. Средства, которые продаются только косметологам, показываются без цены и с пометкой: профессиональные цены на такие страницы не попадают.
Дальше идут цифры о марке, принцип бренда, линейки ссылками в каталог, витрина средств с фильтром по линейке, типу кожи, этапу ухода и проблеме, и ключевые ингредиенты со ссылками на справочник.
Баннер из того, что есть
Баннера у бренда не было, и просить его было не у кого. Собрали из 24 реальных фотографий товаров марки, разложенных по пастельным плиткам. Белые студийные фоны сливались с плитками, поэтому снимки наложили умножением — так же, как это делает браузер на сайте.
Результат
19 линеек, 120 средств, 8 ингредиентов — всё живое, из базы магазина. Страница собирается из полей карточки бренда, так что следующие 12 марок заполняются контент-менеджером без программиста.
Статья была полезна?