MOON
Незалежний хаб змагального Mortal Kombat
Дивитись кейсUX/UI дизайн
Проєктуємо інтерфейси сервісів, кабінетів і застосунків: досліджуємо користувачів, будуємо сценарії, тестуємо прототипи. Результат — продукт, яким зрозуміло користуватися з першого кліку.
Що входить
- Інтерв’ю та дослідження
- CJM і користувацькі сценарії
- Wireframes і прототипи
- Юзабіліті-тестування
- Дизайн-система
- UX-аудит наявного продукту
Кому підходить
- SaaS і веб-сервісам
- Особистим кабінетам і CRM
- Мобільним застосункам
- Продуктам із низькою конверсією
Технології
Детальніше
UX/UI дизайн: як ми працюємо
UX і UI: у чому різниця
UX — це логіка: які кроки робить людина, щоб досягти мети, де вона сумнівається і чому кидає. UI — це те, як ця логіка виглядає: кнопки, кольори, типографіка, стани. Гарний UI без продуманого UX — красивий продукт, яким незручно користуватися. Тому ми завжди починаємо з дослідження, а не з макетів.
Дослідження замість припущень
Говоримо з користувачами, дивимося записи сесій у Hotjar і дані Google Analytics, розбираємо конкурентів. З цього складаємо CJM — карту шляху клієнта — і список місць, де продукт втрачає людей. Кожне рішення в дизайні спирається на ці дані.
Якщо продукт уже працює, але конверсія низька, починаємо з UX-аудиту: знаходимо проблемні місця й пропонуємо, що змінити першочергово.
Прототипи й тестування
Перш ніж малювати фінальний дизайн, збираємо клікабельний прототип і даємо його реальним користувачам — наживо або через Maze. Помилку в сценарії дешевше виправити в прототипі за годину, ніж у готовому коді за тиждень.
Так ми проєктували хаб MOON, де три сценарії — знайти турнір, стежити за сіткою, перевірити рейтинг — мали бути очевидними з першого екрана, і планер «Тижневик», де задачу можна додати за секунду.
Дизайн-система для команди
Фінальні екрани збираємо з компонентів дизайн-системи: кнопок, полів, таблиць, карток і їхніх станів. Команда розробки отримує одне джерело правди, а продукт лишається цілісним, навіть коли росте. Для застосунків враховуємо гайдлайни iOS та Android — див. розробку мобільних застосунків.
Ознаки, що продукту потрібен UX
Користувачі реєструються, але не повертаються. Підтримка щодня відповідає на ті самі питання «а де тут…». Конверсія з пробного періоду в оплату низька, а команда сперечається, що змінити, бо кожен спирається на власну думку. Це типові симптоми проблем в UX, а не в маркетингу.
У таких випадках ми починаємо з UX-аудиту й даних: де саме люди кидають сценарій, що вони шукають і не знаходять. Часто кілька точкових змін — інший порядок кроків, зрозуміліший текст кнопки, підказка в порожньому стані — дають більше, ніж повний редизайн.
Ціна й терміни
UX/UI дизайн — від $150, 3–7 днів. Вартість залежить від кількості екранів, глибини дослідження й кількості ітерацій тестування. Порахуйте орієнтир у калькуляторі, точну ціну фіксуємо після брифу. Більше про принципи — у статті «UX/UI дизайн, який продає».
Етапи
Етапи й терміни
- 01
Дослідження
Інтерв’ю з користувачами, аналіз конкурентів і даних аналітики. Знаходимо, де люди застрягають.
1–2 дні - 02
Сценарії й CJM
Описуємо шлях користувача й ключові сценарії, які продукт має закривати.
1 день - 03
Wireframes і прототип
Збираємо клікабельний прототип і перевіряємо його на реальних користувачах.
1–2 дні - 04
UI і дизайн-система
Малюємо фінальні екрани й компоненти, які розробники використовуватимуть повторно.
1–2 дні
Кейси
Приклади наших робіт
Питання
Часті запитання
Скільки коштує UX/UI дизайн?
Від $150. Ціна залежить від кількості екранів, обсягу дослідження й тестування. Точну суму фіксуємо після брифу.
Скільки часу займає UX/UI дизайн?
3–7 днів: дослідження, сценарії, прототип, тестування і фінальні екрани з дизайн-системою.
Що таке UX-аудит?
Аналіз наявного продукту: шукаємо місця, де користувачі плутаються чи кидають сценарій, і даємо список змін із пріоритетами.
Чи тестуєте ви прототипи на користувачах?
Так. Проводимо юзабіліті-тестування наживо або через Maze, щоб перевірити сценарії до розробки.
Чи зможуть мої розробники працювати з вашими макетами?
Так. Передаємо файли у Figma з дизайн-системою, компонентами й станами елементів.
Чим UX/UI дизайн відрізняється від веб-дизайну?
Веб-дизайн — це візуальна частина сайту. UX/UI дизайн включає дослідження користувачів, сценарії, прототипи й тестування — він потрібен складним продуктам: сервісам, кабінетам, застосункам.
Чи можна замовити лише UX-аудит?
Так. UX-аудит наявного продукту — окрема послуга: ви отримуєте список проблем і рекомендацій із пріоритетами, які може впровадити ваша команда.