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 Позвонить