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

Прикраси подобалися. Складно було обрати одну.

Chuttyevo продає жіночі прикраси зі срібла 925 проби в магазині в Києві та онлайн по всій Україні. Покупцям сподобалося побачене; сайт дав їм сотні штук і мало, щоб вибрати один.
Що змінилося після редизайну

+26%

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

+24%

переходить на сторінку продукту

+12%

середня вартість замовлення
З нашого випадку на Clutch
Сервіс
UX/UI-дизайн та CRO
ПЕРЕГЛЯНУТИ СЕРВІС
Перший екран після редизайну: пропозиція з безкоштовною доставкою та відправкою в той же день, а також перший ряд новинок у згортанні.
Клієнт
Chuttyevo
Промисловість
Електронна комерція · срібні прикраси
Веб-сайт
chuttyevo.com.ua
Клієнт
Один магазин в Києві, сотні срібняків онлайн
Chuttyevo продає жіночі прикраси зі срібла 925 проби з перлами, камінням і позолотою у своєму магазині в центрі Києва та онлайн з доставкою по Україні та за кордон.
925
срібло в кожній частині
10
іменовані колекції
100+
готові набори
58%
відвідувань з телефону
Про що нас просили
Новий інтерфейс для магазину на існуючій платформі: той же каталог і серверна частина, нові сторінки зверху.
Екрани
Головна сторінка, меню каталогу, сторінки категорії та колекції, сторінка наборів, сторінка набору, сторінка продукту в чотирьох станах, вибране, інформація та подарункові сертифікати.
Платформи
Робочий стіл і телефон. 58% відвідувань припадає на телефон, тому кожна сторінка малювалася для обох.
Прикраси сподобалися покупцям. Проблеми почалися, коли їм довелося вибрати один шматок із сотень.
Що робив старий сайт

Спочатку банери, вибір останнім

Старий сайт, архівовано 16–17 березня 2026 р. · Wayback Machine
[ 01 ]
Сторінки категорій і колекцій відкриваються на банері. На ноутбуці у верхній частині сторінки не було жодної назви чи ціни.
[ 02 ]
Колекція — це фото і назва. Ніщо не розповіло Noir Essence від Ember, тому сітка повинна була пояснити себе.
[ 03 ]
Розміри каблучок від 15,5 до 18 вказані звичайним текстом без вказівки. Покупцеві, який вибирав подарунок, не було на що орієнтуватися.
Все, що бачив покупець перед прокручуванням
Сторінка старих ланцюгів, заархівована 16 березня 2026 р. Лінія позначає нижню частину вікна перегляду 1440 × 900: над нею банер і вершини чотирьох фотографій. Фотографії, пропущені в архіві, надходять із власного сервера зображень магазину.
Хто купує
Два покупця, один каталог
58% відвідувань були з телефону, і багато з них купували подарунок. З нашого випадку на Clutch.
[ 01 ]
Для себе
Покупець, який буде його носити
Знає її смак і часто колекцію, і шукає ще один предмет, який би поєднувався з тим, що вона вже носить.
Приходить для
Штука на обличчя, розмір і ціна.
Зупиняється на
Банер, де повинні бути фігури, і розмір каблучки, яку вона має вгадати.
Відповів
Підкатегорії та фільтри над сіткою, фотографії людини та довідник розмірів поруч із розмірами.
[ 02 ]
Подарунок
Покупець вибирає за іншого
Знає людину і привід, а не штуки. Хоче отримати готовий вибір і знати, що він прийде вчасно.
Приходить для
Готова відповідь, подарункова упаковка та термін доставки.
Зупиняється на
Сотні одиничних одиниць, які можна підібрати, і розмір вони не знають.
Відповів
Готові набори із зображенням деталей на картці, подарункові сертифікати, відправлення, доставка та упаковка подарунків відповідають кнопці.
Ставка

Звужте вибір, перш ніж запитувати про нього.

[ 01 ]
Частини перед банерами: кожна сторінка каталогу відкривається з продуктами та підкатегоріями, які їх поділяють.
[ 02 ]
Набори підбирають: набір показує свої частини на картці, і кожна частина має власну ціну та розмір.
[ 03 ]
Одна річ відкривається за раз: характеристики та відповіді розгортаються одна за одною, тому жодна сторінка не показує все одразу.
Три правила, п'ять сторінок. Кожна зміна нижче є однією з застосованих.
Етап за етапом
Те, що вдарив покупець, і що ми поставили натомість
Один блок на етап. Кожна з них має стан, який ми знайшли, те, що доставлено на його місце, і номер, який ми спостерігали, щоб переконатися, що він працює.
[ 01 ]
додому
Раніше
Фото нової колекції на весь екран. Ні ґудзика, ні штуки, ні ціни до першого сувою.
Що ми зробили і чому
Пропозиція з її умовами, безкоштовною доставкою та відправкою в той же день, а також першим рядом новинок, а потім бестселерами, колекціями та категоріями, тому що для першого відвідування потрібна причина залишитися та з чого почати.
Що довелося рухатися
Головна → каталог · [100 → 126]
[ 02 ]
Каталог
Раніше
Банер на першому екрані, потім одна плоска сітка; на настільному комп’ютері назви та ціни починалися в нижній частині сторінки. 64% залишили сторінки колекції, не йдучи далі.
Що ми зробили і чому
Заголовок, кількість і підкатегорії (з камінням, з сердечками, з ланцюжком) над сіткою, сортування та фільтри поруч із ними, а також фотографії на людину, тому що розділити довгу сітку на види швидше, ніж прокручувати її.
[ 03 ]
Сторінка товару
Раніше
Одна фотографія в слайдері розміром від 15,5 до 18 у вигляді звичайного тексту без довідника та відповіді про доставку та упаковку подарунків у нижній частині.
Що ми зробили і чому
Фотосітка, розмірні фішки з довідником розмірів, поруч кошик і «Підказка коханому», а відправка, доставка, упаковка подарунків і оплата відповідають на першому екрані, тому що кільце, куплене в подарунок, не підходить ні за розміром, ні за датою.
Що довелося рухатися
До кошика · [100 → 119]
[ 04 ]
Набори
Раніше
Банер, потім великі фото з назвою та ціною. Те, що містив набір, було одним клацанням глибше.
Що ми зробили і чому
Один рядок, який повідомляє, що вибір зроблено, і кожна картка, що показує свої частини як мініатюри під фотографією, оскільки набір оцінюється за тим, що в ньому є.
Що довелося рухатися
Набори → встановити сторінку · [100 → 112]
[ 05 ]
Встановити сторінку
Раніше
Деталі у вигляді двох рядків імен з прапорцями, одна ціна за весь набір і характеристики лише для каблучки.
Що ми зробили і чому
Кожна частина в окремому рядку з фотографією, власною ціною та розміром, а також своїми характеристиками по одному ряду за раз; розпроданий шматок не позначено галочкою та просить повідомити, коли він повернеться.
Етапи 03 і 04 здійснюють вибір. Обидва вони внизу, до і після.
ДЛЯ ІНТЕРНЕТ-МАГАЗИНІВ · ПРОПОЗИЦІЯ НА 90 ДНІВ

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

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

5.0

5.0 на Clutch · 15 відгуків
Усі п’ятнадцять – п’ятизіркові
C
D
T
P
ClipSwift · DEOZEN · Тандем · PickUpShoes
Клієнти, яких ми можемо назвати
Особлива похвала зчеплення
2024 · 2025 · 2026
Етап 03 · Сторінка товару
Розмір як звичайний текст, і кожна відповідь у нижній частині сторінки
Чи підійде, коли прийде, чи може в подарунок: покупець, вибираючи кільце для іншого, запитує у всіх трьох перед кнопкою. Після цього їм відповіла стара сторінка.
Раніше
Стара сторінка каблучки Trio, заархівована 17 березня 2026 року: одна фотографія в слайдері, розміри як звичайний текст, кнопки в купі, характеристики починаються зі згину.
після
1
2
3
Подарунок
[ 1 ]
Довідник розмірів поруч із розмірами
Розміри як чіпси, розпроданий сірий, і «Як вибрати розмір» одним дотиком, щоб покупець вибирав каблучку для іншого.
Для себе
[ 2 ]
Характеристики складені
Метал, покриття, розмір і клеймо знаходяться в одному замкнутому ряду, тому ціна, розміри та обидві кнопки залишаються на першому екрані.
Обидва покупці
[ 3 ]
Відповіді під кнопками
Коли він відправляється, як працює доставка, чи поставляється він у подарунковій упаковці та чи можна платити при доставці: чотири відповіді, де приймається рішення.
Те, що ми залишили поза увагою
Слайдер фото на робочому столі. Він показував одне зображення за раз; сітка показує кільце одягнене і відразу самостійно.
Етап 04 · Набори
Фотографія на набір, а вміст – одним клацанням миші
Набір купується за те, що в ньому є. На старій сторінці було фото, назва та ціна, тому порівнювати два набори означало відкривати обидва.
Раніше
Сторінка старих наборів, заархівована 15 листопада 2025 року, на такій же глибині прокручування, що й нова: фото, назва та ціна за набір.
після
1
2
3
Подарунок
[ 1 ]
Обрали до вашого приїзду
Один рядок угорі говорить, що набори вже зібрано, тому сторінка читається як відповідь, а не як інший список.
Обидва покупці
[ 2 ]
Що в наборі, на картці
Кожна частина в наборі розташована як мініатюра під фотографією, тому набори порівнюються за їхнім вмістом, не відкриваючи кожен.
Для себе
[ 3 ]
Відсортовано як будь-яка категорія
Підрахунок, сортування та фільтри розташовані над сіткою, так само, як і на кільцях чи ланцюжках, тому набори – це ще один спосіб перегляду, а не окремий магазин.
Те, що ми залишили поза увагою
Ціни за штуку на картку. На картці вказано, що знаходиться всередині, і встановлену ціну; ціна кожної частини чекає на сторінці набору, де її можна витягти.
Chuttyevo · На чому базується кожне рішення на цій сторінці
[ 03 / 04 ]
02 · Каталог
[ 01 ]
Наскільки поширене пошкодження
58%
магазинів настільних комп’ютерів мають посередні або гірші списки продуктів і фільтри
Baymard · тест списку продуктів 2025
[ 02 ]
Що зникає
51%
магазинів не пропонують усі п’ять фільтрів, на які покладаються покупці
Baymard · тест списку продуктів 2025

Прикраси не змінилися. Сайт тепер робить частину вибору.

Що змінилося
Домашня сторінка, каталог, сторінка товару, набори та сторінка набору. Кожен звужує вибір, перш ніж запитати про нього.
Те, що ми залишили в спокої
Платформа, асортимент і ціни. Весною 2026 року новий дизайн запрацював на наявній вітрині магазину.
Що б ми робили далі
Надайте кожній колекції окремий рядок: сторінка колекції все ще є заголовком і сіткою. Потім порівняйте конверсію колекції з додаванням у кошик, щоб побачити, чи зупиняються покупці на сітці чи на одиниці.

Інші проєкти

Електронна комерція 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
Ми хочемо створювати інновації разом з вами
Як структурувати процес менеджера проекту?
дякую! Ваше звернення отримано!
Ой! Під час надсилання форми сталася помилка.