> Для AI-агентів: це Markdown-версія сторінки https://figmatica.com/uk/cases/gud. Повний індекс сайту Figmatica для LLM: https://figmatica.com/llms.txt

# GUD: 5,5 тижня від дослідження до фінального дизайну: редизайн інтернет-магазину бренду рюкзаків

- Рік: 2026
- Галузь: Інтернет-магазини та бренди
- Послуги: UX-дослідження, Веб-дизайн
- Результат: Редизайн, Простіша навігація
- Стадія: Зрілий бренд

## Задача

GUD це український бренд чоловічих рюкзаків і сумок для міста й подорожей. Його інтернет-магазин виглядав застарілим, а щоб знайти потрібну сумку, доводилось робити забагато кроків. Клієнт попросив про дві речі: сучасний інтерфейс, який показує бренд таким, яким він є, і навігацію, над якою покупцеві не треба думати.

## Рішення

Ми почали з магазину таким, яким він був: з аналізу його UX і структури. З цього вийшли чотири цілі: коротший шлях до товару, простіша навігація і фільтри, сильніша візуальна ідентичність і більше простору для конверсії. Інформаційну архітектуру ми перебудували, а сценарії покупця скоротили. Візуальне рішення тримається на трьох речах: чорне і біле з одним жовтим GUD, чітка ієрархія і нічого на екрані, що не допомагає обрати чи купити.

## Результати

Оновлений магазин для компʼютера і телефона: головна, каталог з фільтрами і сортуванням, сторінка товару, кошик, реєстрація, сторінка «Про нас» і корпоративні замовлення, плюс UI-кіт із картками товарів, кнопками, елементами керування та іконками. Дизайн зайняв 5,5 тижня: тиждень досліджень, тиждень UX, півтора тижня прототипів і два тижні UI. Магазин працює на Shopify.

> Figmatica зробила потужний редизайн нашого магазину, який точно передає сміливий, спортивний і чоловічий характер бренду. Новий сайт виглядає сучасно й надійно, а купувати на ньому зручно і приємно.
> Igor Gud, Директор і співзасновник, GUD

## Коментарі арт-директора

- **Один товар на першому екрані.** Головна відкривається однією сумкою, ROAD 2.0 BLACK, її описом і однією кнопкою. Одразу під нею йдуть бестселери, тож уже перша прокрутка веде в каталог.
- **Каталог у телефоні.** На телефоні магазин це один довгий список: категорії картинками згори, далі сортування і фільтр, далі картки товарів із ціною і кнопкою «у кошик» на кожній.
- **Три кроки від головної до кошика.** З головного екрана покупець іде в магазин, бестселери, сумки, рюкзаки, аксесуари або лінійку Utility. Далі каталог, товар і кошик.
- **Набір, з якого зібрано магазин.** Картки товарів у звичайному стані й при наведенні, основні й другорядні кнопки, «у кошик», чекбокси і радіокнопки, перемикач мови й валюти, пошук і набір іконок для характеристик товару.
- **Спершу дослідження, потім усе інше.** Тиждень досліджень: інтервʼю, конкуренти і те, до чого звикли покупці таких товарів. Тиждень UX з персонами за кожним рішенням. Півтора тижня прототипів низької й високої деталізації. Два тижні UI.
- **Дві гарнітури і один колір.** DIN Pro для заголовків і кнопок, Aeroport Mono для тексту й підписів. Палітра це чорний, шкала сірих і жовтий бренду, який стоїть лише там, куди має піти погляд.

## Посилання

- [Сайт](https://gudbags.com/)

## Часті питання

### Скільки триває редизайн інтернет-магазину?

Для GUD дизайн зайняв 5,5 тижня: тиждень досліджень, тиждень UX, півтора тижня прототипів і два тижні UI. Після цього йде розробка, і її тривалість залежить від платформи та від того, скільки в магазині товарів і сторінок.

### Як спростити навігацію в інтернет-магазині?

Почати зі структури, а не з екранів. У GUD головний екран веде в шість розділів: магазин, бестселери, сумки, рюкзаки, аксесуари і лінійку Utility, а кожен з них у каталог, товар і кошик. На телефоні сортування і фільтри стоять одразу над списком.

### Як зберегти характер бренду під час редизайну магазину?

Обмежити засоби і вживати їх послідовно. У магазині GUD один акцентний колір, жовтий бренду, і дві гарнітури: DIN Pro для заголовків і кнопок та Aeroport Mono для тексту й підписів. Усе інше це чорне, біле і сам товар.