Функции те же, что в референсе, ничего нового покупателю осваивать не нужно. Блок плиток с группами каталога есть на главной во всех вариантах, меняется всё вокруг него. Внизу каждой страницы есть панель: там можно менять компоновку и 11 палитр, выбранный цвет сохраняется при переходе.
«Каталог слева» остаётся первым: он вам подошёл, а панель каталога теперь исправлена. Из новых посмотрите «Группы сверху»: плитки видны сразу, без прокрутки.
Самый привычный вид строительного магазина.
Каталог первым делом: сразу под меню, без прокрутки.
Главное на первом экране: поиск и группы каталога.
Для тех, кто привык позвонить и спросить.
Текущая основа для сравнения, с тем же переключателем палитр.
Весь ассортимент виден на главной, без лишних нажатий.
Самый наглядный: группу узнают по фотографии дерева.
Тот же скелет и цвета «Хвои и дуба», без анимации. Добавлено только то, что ускоряет покупку.
Зелёный с коричневым из того варианта, где вам понравился срез дерева. Цвета смягчены, тёмный фон заменён тёплым светлым.
Цвета из нашего первого варианта «Лес»
Тёмный мох и рыжеватая охра. Самый контрастный и строгий из четырёх.
Палитра №4800, цвет кнопок немного затемнён для читаемости
Самый пастельный: приглушённый серо-зелёный и глина.
Палитра №4797
Только тёплые коричневые тона, без зелёного, как само дерево.
Палитра №4767
Тёмная олива с мёдом. Самая «лесная» из новых, спокойная и плотная.
Палитра №4750
Зелень ярче остальных и тёплый янтарь. Самая заметная, но и наименее пастельная.
Палитра №4816
Тёмный кирпич и горчица. Зелени нет, ощущение старой столярной мастерской.
Палитра №4776
Кофейный верх и светлый льняной баннер. Мягкая, почти без контрастов.
Палитра №4778
Вишнёвое дерево и песочный баннер. Тёплая и немного благородная.
Палитра №4755
Самая светлая: баннер цвета сосновой доски, тёмно-коричневое меню.
Палитра №4811
Графитовое меню и песочный баннер. Самая строгая из тёплых.
Палитра №4790
Интерфейс почти без цвета, цвет даёт только дерево. Первым экраном идёт большой снимок, разделы каталога показаны крупными фото.
Чёрная обожжённая доска на весь экран и светлая панель заказа. Самый взрослый и сдержанный вариант, цвет дают только доска и текст.
Самый смелый вариант. На тёмном фоне дерево выглядит богаче. Под первым экраном стена образцов: при наведении образец раскрывается, а нажатие ведёт в раздел.
Сложный магазин с всплывающими окнами и анимацией. Доски не летают и ничего не собирается: движение подчёркивает содержимое и отвечает на действия покупателя.
| Что появилось в обоих вариантах | Зачем это покупателю |
|---|---|
| Сечение и длина отдельно в карточке | Вместо длинного списка из 40 размеров: выбрал 50×150, нажал 6 м, цена обновилась |
| Панель заказа в одну строку | Материал, сечение, длина, штуки и сумма на главной, без захода в каталог |
| Таблица размеров с ценами на странице товара | Все сечения и цены видны сразу, переход на другой размер в один клик |
| Фильтры над каталогом, плитка и список | Товарам просторнее, выбранные фильтры видны и снимаются по одному |
| Каталог в шапке с фото | Наведение на раздел сразу показывает материал и цену |
| Корзина сбоку с подбором машины | Открывается по значку корзины и показывает сумму, массу и подходящую машину |
| Быстрый просмотр | Окно с размером, количеством и суммой, не нужно уходить из каталога |
| Уведомления и подсказки | Сообщение у корзины после добавления, пояснения терминов, подсказка над каждой ценой в таблице размеров |
| Заказ звонка и подсказка про калькулятор | Заявка на звонок в отдельном окне, карточка калькулятора всплывает на главной через 12 секунд один раз |
| Анимация | Появление первого экрана, блоки при прокрутке, плавный счёт суммы. В Кромке смена снимков, в Ярусе бегущая строка цен |
| Вкладки «Что нужно для вашей работы» | Терраса, баня, каркас, фасад: список материалов для тех, кто не знает названий |
Взял бы Ярус: на белом поле обычная доска не выглядит дорого, а частнику это важно. Тёмная полоса с заказом и образцами даёт ту же силу, что в Дёготе и Массиве. Кромка эффектнее с первого экрана, но весь сайт тёмный, и это сильнее сдвигает его в сторону дорогих материалов.
Тёмная и точная. Снимки дерева плавно сменяются за большим заголовком, под ним заказ в одну строку, сразу затем стена образцов.
Светлая и собранная. Белое поле, большая антиква, два снимка внахлёст, бегущая строка цен, разделы разного размера и тёмная полоса с заказом и образцами.
Сгенерированный лес убран, настроение теперь даёт сам материал. Шапка у всех трёх собрана заново: служебное меню в тонкой строке сверху, а логотип, каталог, поиск, телефон и сумма корзины в одной закреплённой строке. Калькулятор стоит прямо на главной.
| Вариант | Главная идея | Цвет и материал | Чем платим |
|---|---|---|---|
| Указатель | Первый экран и есть каталог: список материалов с ценами, снимок меняется при наведении | Цвет термодерева и кость | Нет большого баннера: акции видны только в своём разделе |
| Сурик | Каталог всегда открыт слева, как у образца, рядом крупный заголовок | Красный цвет финских деревянных домов, чёрный, серый | Красный должен сочетаться с вашим логотипом |
| Дёготь | Быстрый заказ на первом экране, ниже стена образцов | Обожжённая доска, берёзовая панель, антиква | Панель заказа удобнее тому, кто уже знает размер |
Взял бы Дёготь: у него самый сильный первый экран, есть стена образцов, которая вам понравилась, и покупатель видит сумму ещё до каталога. Сурик ближе всего к образцу, это самый осторожный выбор для ниши. Перед запуском снимок первого экрана надо заменить: обожжённой и красной крашеной доски нет в нашем условном каталоге.
Вместо баннера сразу все двенадцать материалов с ценой от. Наведите на строку, и большой снимок справа сменится вместе с подписью.
Жёсткий узкий заголовок на красном крашеном фасаде. Такой красный традиционен для деревянных домов Финляндии и Швеции, поэтому северная тема есть, а пейзажа нет.
Метса, Витрина и Массив остаются на виду. В Метсе убран снимок леса и озера.
Тёмная кора и латунь из Массива на понятной раскладке Витрины. Первым экраном идёт снимок дерева, сразу под ним стена образцов.
Во всех четырёх вариантах есть стена образцов из Массива: полоса раскрывается при наведении и показывает название, цену и число размеров. На телефоне полосы идут списком. За тональностью я заглянул на сайты финских компаний Koskisen, Metsä Wood и UPM Timber: у них спокойный текст, крупное дерево и лес на фото, мало украшений.
| Вариант | Главная идея | Лесная тема | Чем платим |
|---|---|---|---|
| Метса | Раскладка Витрины в цветах Массива | Тёмная кора и латунь | Тёмный сайт может показаться дорогим для обычной доски |
| Суоми | Светлый северный стиль, много воздуха | Озеро на рассвете, еловый зелёный, рассказ о северном лесе | Самый спокойный: меньше напора, длиннее прокрутка |
| Ельник | Глубокий хвойный лес и логотип по центру | Еловый лес на первом экране, янтарь как смола | Сильное настроение, но на снимке леса не видно товара |
| Торец | Лесопилка и выбор размера с первого экрана | Штабель брёвен, дёготь и смола, сечение доски на карточке | Самый производственный, меньше подходит для отделки |
Брал бы Метсу: Витрина даёт раскладку, Массив даёт цвета и образцы. Запасным вариантом была Суоми.
Светлый северный вариант: белый фон, тонкий шрифт, еловый зелёный и одна спокойная фраза над большим снимком озера.
Самый лесной и атмосферный: тёмная хвоя, бледный текст, смоляной янтарь. Логотип стоит по центру, поиск вынесен на первый экран.
Лесопилка вместо пейзажа. Светлый опилочный фон, узкие заголовки и кнопки популярных сечений на первом экране.
| Вариант | Главная идея | Кому удобнее | Чем платим |
|---|---|---|---|
| Витрина | Крупные фото продают материал | Частнику, который выбирает отделку, фасад, террасу | На экране меньше товаров, нужны хорошие снимки |
| Сортамент | Все размеры и цены в одной таблице | Тому, кто знает нужное сечение: строителю, прорабу | Строже и суше, фото почти нет |
| Смета | Сайт считает материал под задачу и ведёт смету | Новичку, который не знает, сколько и чего нужно | Нормы расчёта надо проверить и поддерживать |
| Массив | Тёмный фон и стена образцов дерева | Покупателю дорогих материалов для фасада и отделки | Сайт может показаться дорогим для обычной доски |
Взял бы за основу Витрину: она ближе всего к фото, которые вам понравились, и остаётся привычным магазином. Из других вариантов добавил бы таблицу размеров из Сортамента прямо в страницу товара и расчёт под задачу из Сметы. Массив не советую как основной: вы говорили, что ниша осторожно принимает новое, а он самый необычный.
Магазин как складской документ. На главной таблица: толщина по строкам, ширина по столбцам, в ячейке цена. Нажали на ячейку, указали количество и добавили в корзину.
Первый экран спрашивает, что вы строите. Укажите размеры террасы или стен, и сайт предложит материал и сумму. Правая колонка сайта-образца стала живой сметой.
Всё, что мы уже пробовали, в порядке появления. Раунды 1–3 перенесены с холстов как статичные страницы: смотреть и переходить можно, но калькуляторы и фильтры в них не считают. Раунды 4 и 5 работают полностью.
Ваша оценка: слишком современно для ниши. Здесь только главные страницы, каталогов в этом раунде не было.
Ваша оценка: выглядит устаревшим.
На холсте у вас не загрузились фото, поэтому вы видели этот раунд без них. Здесь они на месте.
Раунд 4 вы оценили так: далеко от скелета образца, слишком простой. Раунд 5 повторил скелет и стал основой для четырёх вариантов выше. Варианты оформления переключаются панелью внизу страницы.
