Перейти до прикладу
Продуктова та дизайнерська команда

У варгеймів немає маскота. Але гравцям усе одно потрібен мерч.

Slitherine видає стратегії та військові ігри — Panzer Corps, Field of Glory, Distant Worlds — під власною назвою та Matrix Games. Ми розробили його перший офіційний мерч-магазин: доставка в Європу та США, ціни в десяти валютах.
Сервіс
UX/UI-дизайн та CRO
ПЕРЕГЛЯНУТИ СЕРВІС
Перший екран: поточний крап у банері, що обертається, доставка та валюта у верхній панелі та пошук, обліковий запис та кошик в одній смузі.
Клієнт
Slitherine Ltd
Промисловість
Електронна комерція · ігрові товари
Веб-сайт
Клієнт
Стратегічний видавець із 2000 року та його перший магазин речей, які можна тримати
Slitherine, що базується в Епсомі у Великій Британії, видає стратегії та військові ігри під марками Slitherine, Matrix Games і Ageod.
2000
заснована в Епсомі, Великобританія
200+
стратегії та військові ігри
10
валюти на касі
5
ігрові світи в першому діапазоні
Про що нас просили
Офіційний магазин для спільноти Slitherine і Matrix Games, створений на основі аналізу роботи клієнта: дев’ять результатів, від домашньої сторінки до відновлення пароля.
Екрани
Домашня сторінка, каталог, сторінка продукту, кошик, оформлення замовлення, обліковий запис, вхід і пошук, з кожним станом від порожнього кошика до відхиленої картки.
Платформи
Настільні та телефонні версії домашньої сторінки, каталогу, сторінки продукту та кошика. Доставка тільки в Європу та США.
Коротко, зі слів клієнта
«Найбільші можливості криються в історичних військових темах, військових дизайнах, естетиці операційних карт і преміальних творах мистецтва, пов’язаних із ключовими франшизами».
З власного дослідження конкурентів клієнта: Bethesda, Riot і Blizzard продають персонажів і фракції. У каталозі Слізерину немає чого продавати.
З чого ми почали

Магазини товарів продають героїв. Ці ігри не мають.

З дослідження конкурентів клієнта та заміток щодо перших концепцій
[ 01 ]
Bethesda, Riot і Blizzard створюють сувеніри навколо персонажа чи фракції. Ігри Слізерину - це юніти, карти та епохи.
[ 02 ]
Дальність пуску невелика. Три великі карти виглядають преміум; п'ятнадцять маленьких схожі на крамницю з невеликим вмістом.
[ 03 ]
Концепції, які зібрали на одній сторінці пропоновані товари, бестселери та історію бренду, привернули увагу від сувенірів.
Один екран 1440 × 900
Наша перша домашня сторінка, перш ніж обсяг було скорочено до розбивки роботи клієнта: перемикач колекцій, значки для випадання та характеристики тканини над першим продуктом. Клієнт зберіг макет і взяв решту з першого випуску.
Хто купує
Два покупця, один асортимент
Чоловіки віком від 25 до 45 років і старші, які грають у стратегії та військові ігри та часто колекціонують те, що приходить із собою. З брифа клієнта.
[ 01 ]
Грає в одну гру
Гравець однієї гри
Має сотні годин у Panzer Corps 2 або Field of Glory II і хоче щось із цієї гри, а не логотип видавця.
Приходить для
Власні предмети гри, їх розмір і ціна в їхній валюті.
Зупиняється на
Каталог, у якому змішано кожну гру, розмір, визначений за фотографією, загальна сума, яка змінюється на останньому кроці.
Відповів
Ігровий фільтр у каталозі, довідник розмірів у вікні, розпродані розміри зберігаються з позначкою «повідомити мене» та доставка, яка відображається перед оплатою.
[ 02 ]
Збирає видавництво
Колекціонер видавництва
Роками грав в ігри Slitherine і Matrix, уже має обліковий запис на slitherine.com і купує кілька речей одночасно.
Приходить для
Нові речі, поточна пропозиція та спосіб додати ще щось, не починаючи спочатку.
Зупиняється на
Ще один обліковий запис для створення, поле коду, яке відправляє їх на полювання, не знаючи, де посилка.
Відповів
Увійдіть за допомогою облікового запису Slitherine або Matrix Games, код знижки, складений у кошику, швидке додавання та замовлення за чотири кроки та посилання для відстеження.
Ставка

Мерч продає ігри, тому магазин тримається осторонь.

[ 01 ]
Менше, більші продукти: три-чотири картки поспіль, одна пропозиція, один зворотний відлік із реальним терміном.
[ 02 ]
До оплати нічого не приховано: валюта, дата доставки та ПДВ відображаються на екрані, починаючи з кошика.
[ 03 ]
Кожен витягнутий стан: порожній кошик, розпроданий розмір, відхилена картка, скасоване замовлення.
Три правила, сім сторінок. Кожен екран нижче є одним із застосованих.
Етап за етапом
З чим зустрічається покупець, етап за етапом
Один блок на етап: питання, з яким приходить покупець, і що ми туди кладемо.
[ 01 ]
Головна та пошук
Питання, на яке воно відповідає
Це офіційний магазин і чи є щось для моєї гри?
Що ми зробили і чому
Ротатор банерів для поточного розпаду, смуга обіцянок — офіційний сувенір, доставка в Європу та США, безпечне оформлення — нові надходження чотири в ряд і пошук, який пропонує продукти під час введення.
[ 02 ]
Каталог
Питання, на яке воно відповідає
Де сувенір для моєї гри в моєму розмірі?
Що ми зробили і чому
Фільтри за категорією, грою, розміром, кольором і ціною, підрахунок біля кожної опції, фішки, які скасовують фільтр одним натисканням, і порожній стан, який пропонує наступний крок.
[ 03 ]
Сторінка товару
Питання, на яке воно відповідає
Чи підійде, що на ньому надруковано і коли прибуде?
Що ми зробили і чому
Галерея на одному екрані, колір, взятий із фотографії, і розмір не вгадуються, довідник розмірів у вікні, розпродані розміри відображаються за допомогою кнопки «повідомити мене», а також доставка та повернення під кнопкою.
[ 04 ]
Візок
Питання, на яке воно відповідає
Що я буду платити і чи можу я використовувати свій код?
Що ми зробили і чому
Шухляда над сторінкою: степпери, код знижки, згорнутий в один рядок, збереження під загальною сумою та швидке додавання для товарів, які йдуть із замовленням, з вибором розміру у віконці.
[ 05 ]
Оплата та рахунок
Питання, на яке воно відповідає
Чи безпечно це, як мені заплатити і де моя посилка?
Що ми зробили і чому
Зв'язок, доставка та оплата в три кроки, які згортаються в резюме; картка, PayPal, Apple Pay або Google Pay; сторінка підтвердження з чотирма кроками замовлення; і обліковий запис, який знову показує їх із датами.
Етапи 04 і 05 виконують замовлення. Обидва внизу, ближче.
ДЛЯ ІНТЕРНЕТ-МАГАЗИНІВ · ПРОПОЗИЦІЯ НА 90 ДНІВ

Ми покращуємо конверсію вашого онлайн-магазину на 80% за 90 днів без збільшення рекламного бюджету.

Коли реклама перестає працювати, а більший бюджет більше не приносить більше продажів, ми дивимось, як люди поводяться у вашому магазині, читаємо аналітику, спілкуємося з вашими покупцями та перебудовуємо пропозицію та інтерфейс так, щоб покупки повторювалися, а середнє замовлення збільшувалося на 20%.
Ваше ім'я*
Електронна пошта*
Безкоштовний аудит
Прогноз результатів для вашої ніші
Перший результат через 14 днів

5.0

5.0 на Clutch · 15 відгуків
Усі п’ятнадцять – п’ятизіркові
C
D
T
P
ClipSwift · DEOZEN · Тандем · PickUpShoes
Клієнти, яких ми можемо назвати
Особлива похвала зчеплення
2024 · 2025 · 2026
Етап 04 · Візок
Все замовлення, не відходячи від товару
Шухляда над сторінкою замість сторінки кошика: покупець перевіряє розмір, використовує код і додає ще щось, а вибраний товар залишається за панеллю.
Знижка застосована
Код згортається в один рядок, коли він працює, а збереження переміщується під підсумок. Швидке додавання очікує з лівого краю.
Швидке додавання, розмір обраний
1
2
3
Грає в одну гру
[ 1 ]
Розмір ніколи не вибирається заздалегідь
Швидке додавання відкриває невелике вікно: колір взято з фотографії, розмір залишається порожнім, доки його не вибере покупець, тому нічого не потрапляє в кошик неправильного розміру.
Збирає видавництво
[ 2 ]
Поле коду, яке не спонукає людей шукати
Код знижки розташований над проміжним підсумком. У кого є, той відкриває; ніхто більше не виходить із магазину, щоб шукати код.
Обидва покупці
[ 3 ]
Економія під підсумком
Загальна сума вже включає кожну знижку, а під нею замість рядка з мінусом стоїть «Ви заощаджуєте £11,00».
Те, що ми залишили поза увагою
Індикатор стану безкоштовної доставки. Магазин не пропонує безкоштовної доставки, а бар, який ніколи не заповнюється, обіцяє щось, чого там немає.
Етап 05 · Оплата та рахунок
Від оплати до знання місця посилки
Checkout запитує три речі по черзі та згортає кожну в рядок, який можна змінити. Після цього обліковий запис відповідає на одне запитання: де знаходиться замовлення.
Оплата · оплата
Оплата, третій крок: поля картки на окремій панелі із замком, PayPal, Apple Pay і Google Pay біля картки та загальна сума з датою доставки над кнопкою.
Рахунок · замовлення
1
2
3
Обидва покупці
[ 1 ]
Чотири кроки, кожен із датою
Підтверджено, упаковано, відправлено, доставлено: ті самі чотири кроки, які покупець побачив після оплати, тепер із датою кожного.
Збирає видавництво
[ 2 ]
Відстеження з'являється разом з номером
Посилання на оператора з’являється, коли є номер відстеження. Скасоване замовлення взагалі не має посилання.
Збирає видавництво
[ 3 ]
Адреси зберігаються для наступного замовлення
Кілька збережених адрес, тому друге замовлення не починається з порожньої форми.
Те, що ми залишили поза увагою
Необхідний обліковий запис. Першим платить гість; збереження даних є одним полем пароля на сторінці підтвердження.
Slitherine Merch · На чому базується кожне рішення на цій сторінці
[ 02 / 04 ]
02 · Сторінка товару
[ 01 ]
Наскільки поширене пошкодження
82%
сайтів мають серйозні проблеми з зручністю використання на сторінці продукту
Інститут Беймарда · тест на сторінці продукту
[ 02 ]
Скільки його читають
20%
слів на сторінці – це те, на що має час середній відвідувач
Nielsen Norman Group · як мало читають користувачі
[ 03 ]
Скільки коштує один заблокований розмір
68%
сайтів не дозволять покупцеві замовити товар, якого тимчасово немає в наявності
Інститут Беймарда · дослідження сторінок продукту

Ніякого талісмана не придумали. У магазині продається те, що гравці вже знають: одиниці, карти та епохи.

Що змінилося
Магазин, де нічого не було: головна сторінка, каталог, сторінка продукту, кошик, оформлення замовлення, обліковий запис і вхід, кожен штат намальований.
Те, що ми залишили в спокої
Сам мерч. Асортимент, ціни та малюнки належать Слізерину; ми створили місце, де їх продають.
Що б ми робили далі
Прочитайте інформацію про додавання в кошик і завершення оплати після запуску, а потім додайте те, що відклав перший випуск: колекції за епохою та список бажань.

Інші проєкти

Електронна комерція B2B/B2C
Купуйте для спільноти
Щоб переконатися, що нова функція покупки та повний редизайн магазину були інтуїтивно зрозумілими, ми протестували прототип із спільнотою користувачів Pko. Результати підтвердили безперебійну взаємодію з користувачем, зафіксувавши середню тривалість сеансу 93 секунди та коефіцієнт конверсії понад 80%.
Електронна комерція B2B/B2C
TandemShop
Спочатку 80% відвідувачів Tandem Shop не переходили до першого екрана, пропускаючи ключові продукти та заклики до дії. Завдяки покращенню навігації та видимості сайту середня вартість замовлення зросла на 19,4%.
Електронна комерція B2B/B2C
Каталог Електронна комерція
Перепланування магазину з підходом до мобільних пристроїв і чіткими сигналами довіри спростило процес покупки. Відповідно, загальна кількість конверсій зросла на 18% (мобільні на 38%), середня вартість замовлення зросла на 10%, а показники відмов знизилися на 18%.
Електронна комерція B2C
Premium Store
Щоб зменшити кількість залишень у кошику, наша команда запровадила інтелектуальні значки доставки, оновлення валюти в реальному часі та динамічне оформлення замовлення. Цей локалізований підхід усунув регіональну плутанину та забезпечив прозорість ціноутворення для всіх покупців.

Більше наших робіт на Behance

Переглянути на Behance

Відгуки

5.0

1111111Робота DizArm UX/UI Agency покращила утримання користувачів і навігацію, підвищила впізнаваність бренду та професійну присутність клієнта на ринку. Крім того...

Богдан Лищенко

Засновник ClipSwift

5.0

Робота DizArm UX/UI Agency покращила утримання користувачів та навігацію, підвищила впізнаваність бренду та професійну присутність клієнта на ринку. Крім того...

Богдан Лищенко

Засновник ClipSwift

5.0

Робота DizArm UX/UI Agency покращила утримання користувачів та навігацію, підвищила впізнаваність бренду та професійну присутність клієнта на ринку. Крім того...

Богдан Лищенко

Засновник ClipSwift

5.0

Робота DizArm UX/UI Agency покращила утримання користувачів та навігацію, підвищила впізнаваність бренду та професійну присутність клієнта на ринку. Крім того...

Богдан Лищенко

Засновник ClipSwift

5.0

Робота DizArm UX/UI Agency покращила утримання користувачів та навігацію, підвищила впізнаваність бренду та професійну присутність клієнта на ринку. Крім того...

Богдан Лищенко

Засновник ClipSwift

Перший крок – це завжди розмова

Заповніть форму сьогодні та отримайте відповідь протягом 1 години. Якщо ми пропустимо це вікно, ви отримаєте безкоштовний аудит продукту або розробку концепції від DizArm.

0/5000
Бюджет* (необов'язково)
0/5000
дякую! Ваше звернення отримано!
Ой! Під час надсилання форми сталася помилка.

Буду радий надати додаткову інформацію про рішення, розроблені нашою командою, і допомогти у виборі оптимального підходу.

Богдан Лищенко
[Генеральний директор] DizArm.Creative
hello.dizarm@gmail.com
Ми хочемо створювати інновації разом з вами
Як структурувати процес менеджера проекту?
дякую! Ваше звернення отримано!
Ой! Під час надсилання форми сталася помилка.