NEW CASE
Antana

Створюємо цифрові рішення, які працюють на бізнес


Зателефонуйте нам +38 (066) 35-14-529

Зробімо перший крок до вашого сайту — напишіть нам

Закрити

UI/UX-дизайн UI/UX-дизайн сайту — BB STUDIO сайту

Робимо сайт зрозумілим і зручним: UX-аудит знаходить місця, де відвідувачі губляться, а UI/UX-дизайн перебудовує сценарії, прототипи й інтерфейс. UX-аудит — від 3 900 грн, UI/UX-дизайн — від 7 900 грн.

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

Отримати прорахунокОтримати прорахунок
UI/UX-дизайн сайту — BB STUDIO

UX і UI простими словами

UX (user experience) — це досвід користувача: чи легко знайти потрібне, зрозуміти ціну й залишити заявку. Сюди входять структура сайту, сценарії, прототипи й перевірка зручності. UI (user interface) — візуальний шар: кольори, шрифти, кнопки, іконки й те, як вони поводяться.

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

Для сайту, якому потрібне повне оновлення, UX-аудит стає першим етапом редизайну. Якщо сайт загалом влаштовує, правки з аудиту можна впровадити точково, без нового дизайну.

Ціни на UX-аудит і UI/UX-дизайн

Аудит можна замовити окремо, а його висновки згодом лягають в основу дизайну. Ціну погоджуємо до старту, без передоплати.

UX-аудит

разово, звіт зі скриншотами
від 3 900 грн
  • Ключові сценарії: від входу до заявки
  • Навігація, форми й кнопки
  • Зручність на смартфоні
  • Контраст і масштабування тексту (WCAG)
  • Правки за пріоритетом
Отримати прорахунокОтримати прорахунок

UI/UX-дизайн

разово, від прототипу до макетів
від 7 900 грн
  • Карта сценаріїв користувача
  • Клікабельний прототип у Figma
  • Візуальний стиль і сітка
  • Стани кнопок, полів і форм
  • UI-кіт у компонентах Figma
  • Адаптив 360/768/1280+
Отримати прорахунокОтримати прорахунок

Верстку в ціну не включено: верстка з макета — від 1 500 грн за сторінку. Якщо після аудиту вирішите робити дизайн у нас, висновки аудиту одразу беремо в роботу — пояснювати двічі нічого не доведеться.

Що входить в UI/UX-дизайн

01

Дослідження й сценарії

Зʼясовуємо, хто ваші відвідувачі й навіщо приходять: дізнатися ціну, порівняти, записатися. Для кожної мети описуємо найкоротший шлях до дії.

02

Інформаційна архітектура

Меню, розділи й назви сторінок — тими словами, якими думає клієнт, а не внутрішніми термінами компанії.

03

Прототипи

Клікабельний прототип у Figma дає змогу «пройти» сайт ще до дизайну й верстки та виправити логіку, поки це дешево.

04

Перевірка зручності

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

05

UI: стиль і стани

Кольори, типографіка, сітка й іконки, а для кожного елемента — стани: звичайний, наведення, натискання, помилка, неактивний. Так інтерфейс поводиться передбачувано, а помилка у формі має продуманий, а не випадковий вигляд.

06

Доступність

Інтерфейс має працювати й для людей зі слабким зором, і для тих, хто користується клавіатурою чи програмою екранного доступу. Тому стежимо за контрастом за WCAG, підписами полів і видимим фокусом.

Як проходить робота

  1. Цілі й дані

    Що має робити сайт, хто ним користується і що вже показує аналітика.

  2. UX-аудит або дослідження

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

  3. Прототип

    Нова логіка екранів у Figma, яку погоджуємо, перш ніж малювати інтерфейс.

  4. UI і UI-кіт

    Візуальний стиль, стани елементів і компоненти, готові до передачі в розробку.

UX і UI — у чому різниця

Обидва напрями працюють на одне — щоб відвідувач став клієнтом, — але відповідають на різні питання.

UX відповідає на питання «як цим користуватися»

Як людина знаходить послугу, порівнює варіанти й доходить до заявки. Результат — карта сценаріїв і прототип.

UI відповідає на питання «як це виглядає»

Як виглядають і поводяться кнопки, поля, картки й меню. Результат — макети й UI-кіт.

Приклад UX-помилки

Форма заявки з десятьма обовʼязковими полями: навіть найгарніша, вона відлякує.

Приклад UI-помилки

Сіра кнопка на сірому тлі: сценарій правильний, але кнопку просто не помічають.

Чому UX-аудит і дизайн замовляють у нас

  • Кожну знахідку аудиту показуємо на скриншоті й пояснюємо, чому вона заважає та як її виправити.
  • Пропонуємо зміни, які можна впровадити: від швидких правок у поточному дизайні до повного редизайну — ви вирішуєте, скільки змінювати.
  • Думаємо й про пошук: структура, зручна людям, зазвичай зрозуміліша й для Google — з логічними розділами та внутрішніми посиланнями.
  • Без передоплати: оплата за домовленістю або за договором, ФОП 3 групи без ПДВ.
  • Відкриті ціни: UX-аудит від 3 900 грн, UI/UX-дизайн від 7 900 грн.

Типові UX-помилки на сайтах

  1. Пункти меню на кшталт «Рішення» чи «Продукти», з яких не зрозуміло, що всередині.
  2. Ціна схована або подана як «за запитом», хоча клієнтові потрібен хоча б орієнтир.
  3. Форма, що після помилки очищає всі поля й не пояснює, що саме не так.
  4. Спливні вікна, які на телефоні перекривають увесь екран і не закриваються.
  5. Посилання й кнопки, що нічим не відрізняються від звичайного тексту.
  6. Номер у шапці не клікабельний, і щоб подзвонити, його доводиться копіювати.
UI/UX-дизайн
UX-аудит окремо — від 3 900 грн
від 7 900 грн
Отримати прорахунокОтримати прорахунок

Часті питання про UI/UX-дизайн

UI/UX-дизайн — від 7 900 грн, UX-аудит наявного сайту — від 3 900 грн. Ціна залежить від кількості сценаріїв і екранів: для лендінгу з однією формою вона ближча до мінімальної, для сайту з каталогом і особистим кабінетом — вища.

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

UX-аудит дивиться на сайт очима відвідувача: чи зрозуміло, чи зручно, чи легко дійти до заявки. SEO-аудит перевіряє, як сайт бачить Google: індексацію, метатеги, швидкість, технічні помилки; його експрес-версія безкоштовна. Ці аудити добре доповнюють один одного.

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

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

Можна, якщо структура й сценарії вже продумані — наприклад, у вас є прототип від аналітика. Якщо ні, радимо почати з короткого розбору логіки: гарний інтерфейс на незручній структурі конверсію не врятує.

Ні. За нашу роботу передоплати немає: оплата за домовленістю або за договором. Працюємо офіційно як ФОП 3 групи, без ПДВ — договір, рахунок, акт.

Корисне про UX і зручність сайтів

Безкоштовні перевірки сайту

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

Дизайн і верстка

Без передоплати й офіційно

Усі домовленості фіксуємо письмово, а гроші наперед не беремо — ви бачите результат роботи до того, як за нього платити.

Без передоплати

Не беремо грошей наперед. Оплату погоджуємо з вами заздалегідь — за домовленістю або за договором.

Офіційно: ФОП 3 групи

Договір, рахунок і акт виконаних робіт. Ми працюємо без ПДВ — ціна кінцева, ПДВ зверху не додається.

Ціна й строки — в договорі

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

Прорахунок безкоштовно

Консультація й оцінка проєкту нічого не коштують і ні до чого не зобовʼязують. Відповідаємо за 15 хвилин у робочий час.

Суміжні послуги

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

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

Каталог товарів
Кошик
Оплата онлайн
Доставка
CRM
Аналітика

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

Конверсія
Прототип
Адаптивність
Форма заявки
Аналітика

Дизайн нового сайту й редизайн старого, UX-аудит, макети у Figma чи Photoshop і верстка pixel perfect. Також робимо логотипи й фірмовий стиль. Дбаємо, щоб сайт був зрозумілим людям і приводив заявки, а не лише гарно виглядав.

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

Налаштовуємо й ведемо рекламу в Google, Facebook, Instagram і TikTok, а ще допомагаємо бізнесу потрапляти у відповіді ChatGPT та AI-пошуку. Прозорий бюджет, зрозумілі звіти й відкриті ціни на сайті.

Ведемо Instagram, Facebook і TikTok бізнесу: контент-план, публікації, Reels і сторіз в одному стилі. Оформлюємо сторінки з нуля — аватар, опис, обкладинки, кнопки й посилання на сайт.

Забезпечуємо стабільну роботу сайту: оновлення, резервне копіювання, виправлення помилок, контроль безпеки та технічний супровід. Ви розвиваєте бізнес — ми дбаємо про сайт.

Розміщуємо сайти на швидкому SSD-хостингу з SSL, щоденними бекапами та моніторингом 24/7. Переносите сайт від іншого хостера — перенос безкоштовний, а 2 тижні хостингу отримаєте в подарунок.

Давайте разом створимо щось дивовижне

Стати клієнтомСтати клієнтом
Telegram Viber Подзвонити