Lascal

Проблема

Клієнт прийшов із сайтом, який погано постарів. Шлях до товару вів через структуру категорій, зрозумілу всередині компанії і більше ніде, а фільтрація, якою це мали звужувати, була тим місцем, де люди здавалися. Відгуки клієнтів говорили про це прямо — і скарги були на сайт, а не на продукт.

Під цим лежала структурна проблема. Lascal виробляє, продають ритейлери. Відвідувач міг дочитати, вирішити, що хоче BuggyBoard — і не мати очевидного місця, куди піти. За кожною країною стоїть свій набір магазинів, тож «де це купити» — це не одна відповідь, а сорок.

Як ми до цього підійшли

Спершу структура, потім оболонка. Кожна сторінка і кожен стан спочатку йшли у вайрфрейм, тестувалися — і лише потім одягалися. Так суперечки про ієрархію відбувалися тоді, коли вирішити їх ще дешево.

Сайт ділиться на два маршрути. Ті, хто знає, чого хоче, йдуть продуктовим шляхом: родини товарів у бічній панелі, яка нікуди не зникає, сторінка товару, що відповідає на питання, які підтримка розбирала вручну, і вихід до магазину, де це є. Усі інші отримують редакційний бік — для чого ці продукти, як вибрати, чому деталі безпеки мають значення.

Пошук ритейлера перестав бути посиланням у футері й став повноцінним розділом. Він стоїть на сторінці товару поруч із кольорами — бо саме в цей момент питання й виникає.

Результат

Продажі зросли, і прийшло це зі сторінки товару — кольори, які видно і можна порівняти до покупки, заперечення, закриті прямо на сторінці, а не листуванням, і ритейлер за один клік від рішення.

Блог перетворився на канал залучення. Зроблений як платформа для публікацій, а не як сторінка новин, він дав команді клієнта структуру, яку можна наповнювати без дизайнера — макети статей, схожі матеріали, місце під заголовки й текст, які читає пошук. Нові відвідувачі почали приходити з Google на запити, на які відповідають ці продукти, а не лише на назву бренду.

Спершу структура

Вайрфрейми на кожну сторінку і стан, потім A/B-тести, і лише потім інтерфейс.

Головна і каталог

Сторінка товару і кошик

Сторінка, яка мала продавати. Кольори одразу вгорі — там, де вибір реально і робиться. Дев’ять питань, які підтримка розбирала вручну, стали панеллю, яку можна проклацати. Відгуки на самій сторінці, а не за вкладкою, інструкція там, де її шукатиме власник, і аксесуари, які роблять продукт ціннішим.

Де це купити

Lascal продає через чужі магазини, тож завдання сайту — завершити візит у правильному. Обираєш країну й отримуєш магазини, де це реально є — онлайн, на мапі і з назвою локального дистриб’ютора, бо по запчастину потрібен саме він.

Контент і пошук

Блог — це те, що команда клієнта веде сама, тож він мав бути структурою, яку вони наповнюють, а не макетом, який щоразу хтось перемальовує. Порядок заголовків, який читає пошук, зображення, що розбивають текст, і схожі матеріали, які ведуть читача з Google далі до продукту.

Як правильно просити відгук

Погані відгуки були частиною брифу, тож збирати хороші мало коштувати клієнту нічого. Оцінка, ім’я, кілька слів — і підтвердження, яке закриває коло, а не лишає людину в невідомості.

Мобільна версія

Спроєктована паралельно з десктопом, а не витиснута з нього — більшість цієї аудиторії тримає в другій руці дитину.