Разработка сайта: как я создавала страницы производителей обоев для компании Walls

Магазин обоев Walls доверил мне разработать страницы производителей. Это те самые разделы, где пользователь выбирает бренд: Loymina, Luna, Marburg.

С чего всё началось

Walls попросили меня сделать так, чтобы человек не «листал глазами», а именно выбирал, влюблялся и кликал. Моя задача — связать визуал с логикой покупки.

Я села и начала задавать себе вопрос: «Что хочет видеть человек, зайдя на страницу "Marburg"?». Ответ: сначала атмосферу бренда, потом коллекции, а потом — четкое «где купить?».

Тот самый салатовый акцент

Самое вкусное — выбор цвета. Магазин обоев — это про уют, беж, серый, пыльную зелень. Нам нужно было не потеряться, но и не слиться. Я перебрала 10 вариантов. И вдруг один из дизайнеров предложил: «А что если мятно-салатовый? Свежий, дерзкий, но не кислотный».

Клиент сначала испугался. «Обои — это классика!» — сказали они. Но я объяснила: салатовый — это цвет действия. На фоне пастельных стен интернет-магазина он работает как глоток лимонада.

Салатовыми стали: кнопки «Смотреть коллекцию», активные ссылки на бренды и иконки фильтров. Всё, что должно быть кликабельно, получило этот живой оттенок.

Как я строила логику страниц

Обычно пользователь теряется: нажал на производителя, а там просто лента обоев. Я сделала блоки так:

1. Шапка бренда. Логотип + главный баннер и небольшой текст о производителе.
2. Сертификаты. Доказывают качество производителя.
3. Еще немного фактов производителе.
4. Преимущества.
5. Фото галерея.
6. Сетка коллекций. Никаких «читать ещё». Сразу крупные карточки.
7. Блоки с целевым действием (CTA). Вот где мы оторвались по полной.
8. Подвал.

Почему я полюбила CTA-блоки

Раньше кнопка «Купить» была в подвале. Сейчас я встроила мини-блоки прямо в ленту. Например, вы листаете коллекцию «Лесные мотивы» — и между каждыми двумя рядами выскакивает аккуратный салатовый плашкой: «Хотите образец? Закажите за 2 минуты». Или: «Дизайнер приедет на замер — бесплатно».

Я не просто покрасила ссылки. Я сделала так, чтобы целевое действие кричало, но вежливо. Человек еще не дочитал описание бренда, а уже видит кнопку «Получить консультацию». И это работает. На тестах в Maze (программа для юзабилити) люди кликали на салатовое с вероятностью 80%.

Что в итоге

Сейчас страницы производителей Walls — это не витрина, а диалог. Пользователь заходит, видит салатовый маячок и понимает: «Вот тут надо нажать, вот тут меня ведут к цели».

Я горжусь тем, что не побоялась яркого цвета в «обойном» мире. И да, те первые сомнения клиента развеялись, когда они увидели рост заказов образцов.

Если вы дизайнер — не бойтесь кислотных решений в консервативных нишах. А если вы заказчик — доверьтесь человеку, который объясняет логику, а не просто рисует «красиво».

Мои кейсы:

Больше интересных и полезных статей можно посмотреть на моем телеграмм канале https://t.me/astium_design или личном сайте https://astium-design.ru/blog в разделе Блог.

Мой сайт - https://astium-design.ru

А также, есть группа в ВК, там я выкладываю всё самое актуальное https://vk.com/astium

Подписывайтесь, будет интересно)