Больше заявок
Понятная структура и короткая форма обычно поднимают конверсию на 20–40%. Трафик тот же — меняется результат, который вы из него получаете.
✱
UX/UI дизайн
UX/UI дизайн: интерфейс, который понятен без объяснений
Красивый экран и работающий экран — разные вещи. Мы сначала выясняем, зачем человек пришёл на ваш сайт, и только потом делаем этот путь максимально коротким. На выходе: кликабельный прототип в Figma, готовые макеты и библиотека компонентов для разработчика.
- +200+ сданных проектов
- +Работаем в Figma с реальными компонентами
- +Код пишется после утверждения прототипа
- +Мобильная и десктопная версии отдельно
- +Исходные файлы полностью переходят к вам
Что такое UX/UI дизайн и зачем он нужен
Многие сайты и приложения технически исправны, но пользоваться ими тяжело. Кнопку не видно, форма слишком длинная, следующий шаг неочевиден. Человек уходит после второй попытки. А вы списываете это на «плохую рекламу» и снова увеличиваете бюджет на трафик.
UX/UI дизайн устраняет именно эту потерю. UX — это структура: какие экраны есть, в каком порядке они открываются, за сколько кликов человек достигает цели. UI — это оформление: типографика, цвет, отступы, состояния элементов. Они работают только вместе. Красивый UI не спасёт плохую структуру.
Команда Innobek начинает с исследования. Изучаем ваш бизнес, аудиторию и конкурентов, смотрим статистику текущего сайта, если она есть. Затем рисуем пользовательские сценарии и wireframe, и только в конце переходим к цвету и шрифтам. Если делать наоборот, переделок будет вдвое больше.
Весь проект ведётся в Figma. Вы видите работу в реальном времени, оставляете комментарии прямо на макете, сравниваете версии. При передаче разработчик получает компоненты, размеры и все состояния — вопрос «а какой здесь отступ?» просто не возникает.
Эта услуга нужна не всем. Если вам нужен простой одностраничный сайт и бюджет ограничен, готовый шаблон обойдётся дешевле — мы говорим об этом честно. UX/UI дизайн окупается, когда продукт сложный, пользователь проходит много шагов или текущий интерфейс явно теряет заявки.
Ещё один важный момент: дизайн остаётся у вас как документация. После проекта вы получаете не набор картинок, а библиотеку компонентов, токены и правила использования. Если позже придёт другой разработчик или дизайнер, он не начнёт с нуля. Это особенно ценно для растущих команд: каждая новая страница получается похожей на предыдущие.
Что входит
Что входит в проект по дизайну
Это базовый объём работ — глубина проработки зависит от тарифа.
- +Бриф по бизнесу и целевой аудитории
- +Разбор интерфейсов конкурентов (3–5 сайтов)
- +Карта экранов и пользовательские сценарии
- +Wireframe — структурные макеты без цвета
- +Кликабельный интерактивный прототип в Figma
- +Отдельные макеты для десктопа и мобильных устройств
- +Типографика, цветовая палитра и набор иконок
- +Библиотека компонентов: кнопки, формы, карточки, модальные окна
- +Дизайн пустых состояний, загрузки и ошибок
- +Проверка контраста и читаемости (WCAG AA)
- +Передача разработчику: размеры, токены, экспорт
- +Две недели поддержки дизайнера после сдачи
Что это даёт
Какой результат даёт продуманный интерфейс
Дизайн — не эстетика, а измеримый бизнес-показатель.
Разработка дешевле
Код пишется по утверждённому прототипу. Разработчику не приходится переделывать из-за недопонимания — это экономит 15–25% времени проекта.
Поддержка проще
С дизайн-системой новая страница собирается за несколько часов из готовых блоков, а не рисуется с нуля каждый раз.
Мобильный пользователь не теряется
В Узбекистане 70–80% трафика идёт с телефонов. Отдельный мобильный макет означает нормальный размер текста и кнопки под палец.
Меньше споров в команде
Вместо «мне не нравится этот цвет» обсуждается «какая цель у этого экрана». Решения принимаются быстрее и аргументированнее.
Бренд выглядит цельно
Сайт, приложение, презентации и рекламные баннеры используют одну палитру и типографику. Это повышает узнаваемость.
Ошибки находятся заранее
Прототип показываем 5–7 пользователям и смотрим, где они сбиваются. Исправление после запуска стоит в 5–10 раз дороже.
Новый сотрудник быстро включается
Когда компоненты задокументированы, пришедший дизайнер или разработчик входит в работу за пару дней.
Страницы грузятся быстрее
Уже на этапе дизайна контролируем вес изображений и количество шрифтов. Это напрямую влияет на баллы PageSpeed и позиции в Google.
Кому подходит
Кому нужен UX/UI дизайн
В этих случаях вложение в дизайн возвращается быстрее всего.
Запускают новый продукт
Прототип дешевле кода. И инвестору или руководству проще показать готовые экраны, чем объяснять словами.
Упала конверсия
Трафик есть, заявок нет. Чаще всего дело в структуре сайта и длине формы, а не в рекламе.
Обновляют старый сайт
Сайту 5–7 лет, он ломается на телефонах и выглядит устаревшим. Редизайн делается с сохранением контента и позиций.
Владельцы внутренних систем
CRM или админ-панель для сотрудников. Удобный интерфейс снижает число ошибок ввода и время на обучение.
Планируют мобильное приложение
У iOS и Android свои гайдлайны. Приложение, которое их игнорирует, рискует не пройти модерацию в App Store и Google Play.
Компании с несколькими продуктами
Каждый выглядит по-своему. Дизайн-система приводит всё к одному языку и ускоряет будущую работу.
Стартапы в поиске инвестора
Готовый прототип убеждает сильнее, чем описание словами: его можно открыть прямо на встрече и покликать.
Команды с разработчиком, но без дизайнера
Код писать есть кому, а экраны рисовать некому. Мы закрываем этот пробел и работаем внутри вашего процесса и репозитория.
Цены
Сколько стоит UX/UI дизайн
Цена зависит от количества экранов и сложности логики. Ниже типичные диапазоны.
Аудит и редизайн
Починить существующий интерфейс
9 000 000
сум, от
2–3 недели
- +Аудит текущего сайта или приложения
- +Разбор аналитики и записей поведения
- +Список проблем с приоритетами
- +Новые макеты для 5–8 ключевых экранов
- +Отдельная мобильная версия
- +Документ с рекомендациями (PDF)
Тем, у кого сайт есть, но конверсия низкая
Дизайн продукта
Полный интерфейс с нуля
22 000 000
сум, от
4–6 недель
- +Бриф, исследование и разбор конкурентов
- +Карта экранов и пользовательские сценарии
- +Wireframe и кликабельный прототип
- +15–25 готовых экранов, десктоп и мобильные
- +Библиотека компонентов в Figma
- +Пустые состояния, загрузка и ошибки
- +Передача разработчику и 2 недели поддержки
Новый сайт, веб-сервис или мобильное приложение
Дизайн-система
База для большого продукта
55 000 000
сум, от
6–8 недель
- +Дизайн-токены: цвет, шрифт, отступы, радиусы
- +40+ компонентов со всеми состояниями
- +Варианты для тёмной темы
- +Правила использования и документация
- +Сверка с компонентами в коде
- +Два обучающих занятия для вашей команды
- +Обновление системы в течение 3 месяцев
Компаниям с несколькими продуктами или большой командой
Точную сумму называем в течение 1–2 дней после брифа. Оплата в два или три этапа: 50% на старте, остальное после утверждения прототипа и при сдаче. Если нужен постоянный дизайнер, есть месячный формат — от 12 000 000 сум в месяц, очередь задач не ограничена, в работе одновременно одна задача, остановить сотрудничество можно в любом месяце. Честно говорим и о том, что не входит: написание текстов, профессиональная фотосъёмка, авторские иллюстрации и разработка считаются отдельно. Цены указаны без НДС.
Процесс
Как устроена работа над дизайном
После каждого этапа вы видите результат и утверждаете его.
- 01
Бриф и цели
Обсуждаем бизнес, аудиторию и главное целевое действие. Фиксируем, чем будем измерять успех.
1–2 дня - 02
Исследование
Смотрим конкурентов, разбираем текущую аналитику, при необходимости говорим с 3–5 реальными пользователями.
3–5 дней - 03
Структура и сценарии
Рисуем карту экранов и пути пользователя. На этом шаге лишние экраны убираются, пока они ничего не стоят.
2–4 дня - 04
Wireframe
Макеты без цвета. Внимание только к компоновке и логике — здесь правки обходятся дешевле всего.
4–7 дней - 05
Визуальный дизайн
Типографика, цвет, иконки, компоненты. Сначала показываем 2 ключевых экрана, после утверждения стиля делаем остальные.
1–2 недели - 06
Прототип и проверка
Собираем кликабельный прототип, показываем нескольким людям и правим места, где они сбиваются.
3–5 дней - 07
Передача
Отдаём файл Figma, экспортированную графику и спецификацию. Проводим созвон с вашим разработчиком и закрываем вопросы.
2–3 дня - 08
Сопровождение после сдачи
Отвечаем на вопросы по ходу разработки и дорисовываем недостающие состояния, если они всплывают. Это входит в стоимость.
2 недели
Примеры
Интерфейсы, которые мы спроектировали
Проекты из разных сфер — мобильное приложение, интернет-магазин и корпоративный сайт.
Вопросы и ответы
Частые вопросы
Коротко отвечаем на то, о чём спрашивают чаще всего.
- Аудит существующего сайта с перерисовкой ключевых экранов — от 9 000 000 сум. Полный дизайн продукта с нуля — от 22 000 000 сум, дизайн-система — от 55 000 000 сум. Итоговая сумма зависит от числа экранов, сложности логики и необходимости мобильной версии. Расчёт даём в течение 1–2 дней после брифа.
- Аудит и редизайн обычно занимают 2–3 недели, полный дизайн продукта — 4–6 недель, дизайн-система — 6–8 недель. Срок зависит и от скорости ваших ответов: каждый этап требует утверждения. Если правки приходят через неделю, общий срок растягивается ровно на это время. Поэтому на старте просим назначить одного человека, который принимает решения с вашей стороны.
- UX — это логика и структура: какие экраны нужны, как человек доходит до цели, какой шаг лишний. UI — оформление: шрифты, цвет, отступы, иконки, анимация. Если UX слабый, красивый UI не поможет: пользователь просто не поймёт, что делать дальше, и уйдёт.
- Делаем и то, и другое. Большинство клиентов отдают дизайн и разработку одной команде — так быстрее и ответственность в одном месте. Но вы можете заказать только дизайн и передать разработку своему программисту. В этом случае при сдаче мы даём спецификацию и 2 недели консультаций.
- Два круга правок на каждом этапе: два по wireframe и два по визуальному дизайну. На практике этого хватает, потому что каждый этап утверждается отдельно. Если нужно вернуться к уже утверждённому этапу, дополнительное время считается отдельно и согласуется заранее — неожиданных счетов в конце проекта не появляется.
- Да. При сдаче проект Figma передаётся вам полностью: все экраны, компоненты, токены и история версий. Вы можете передать его другому дизайнеру или редактировать сами. Никаких подписок, ограничений или практики «держать ключи у себя» с нашей стороны нет. Исходники по договору принадлежат вам.
- Дешевле, и иногда это верное решение. Для простого сайта-визитки шаблон запускается за несколько дней. Но шаблон не знает ваших процессов: если нужны сложная форма, калькулятор или многошаговый заказ, доработка шаблона выходит дороже, чем дизайн с нуля. На консультации честно скажем, какой путь дешевле именно вам.
- Конкретный процент не гарантируем — на результат влияют цена, предложение и качество трафика. Но мы настраиваем измерение: целевые действия считаются, и вы сравниваете показатели старой и новой версии. По нашему опыту упрощение структуры и форм обычно даёт рост в диапазоне 20–40%. Если цифры не растут, ищем причину вместе.
- Нет, мобильные макеты входят во все тарифы. Сначала мы рисуем мобильную версию, а затем расширяем её до десктопа, потому что 70–80% трафика в Узбекистане приходит с телефонов. Планшетная версия обсуждается отдельно — она нужна далеко не всегда и обычно выводится из десктопного макета.
- Как минимум три вещи: краткое описание бизнеса, ответственный человек с правом принимать решения и 3–5 ссылок на сайты, которые вам нравятся или не нравятся. Логотип, брендбук и список продуктов тоже пригодятся. Остальное соберём вместе на брифе — подготовка обычно занимает один день.
- Да, если есть брендбук, берём его за основу. Если фирменные цвета плохо читаются на экране или не дают нужного контраста, мы об этом скажем и предложим экранный вариант палитры — печатные и цифровые цвета работают по-разному. Если брендбука нет, соберём палитру и типографику с нуля.
Посмотрим на ваш интерфейс вместе?
На бесплатной консультации откроем ваш сайт или приложение и покажем, где теряются пользователи. Разговор занимает 30 минут, без обязательств. Звоните: +998 90 954 12 62.