UX/UI-дизайн интерфейсов сайтов и приложений

Услуга · 14

Коротко

InnovateSoft проектирует UX/UI-дизайн интерфейсов сайтов, личных кабинетов, админ-панелей, дашбордов и мобильных приложений: исследование, пользовательские сценарии, кликабельный прототип, UI-дизайн и UI-kit. Стоимость проектирования называется после брифа (зависит от числа экранов, ролей и сложности сценариев); опубликованные ориентиры — UX-аудит от 150 000 ₽ (2 недели) и визуальный редизайн от 400 000 ₽ (4-6 недель). Если интерфейс уже есть и его нужно обновить, подходит услуга «Редизайн сайта».

Интерфейс неудобен: где это начинается

Чаще всего дело не в том, что интерфейс «некрасивый». Это несколько конкретных поломок. Если узнаёте свою ситуацию, начните с неё в брифе.

Интерфейс вырос из набора экранов, которые рисовались по мере появления функций: кнопки, формы и состояния везде разные.
Главное действие (заявка, заказ, запись, отчёт) требует больше шагов, чем должно, и пользователи не доходят до конца.
Сложные роли и данные (кабинет, админ-панель, дашборд) превратились в перегруженный экран, который сотрудники обходят через чаты и таблицы.
Разработка стартовала без прототипа, и ошибки сценария находят уже в готовом коде, когда правки стоят недель.
Мобильную версию получили сжатием десктопной, а не проектированием сценария под телефон.

Как мы проектируем интерфейс

Сначала сценарии, потом экраны: решения проверяются на прототипе, пока они стоят часы, а не недели.

01
Сценарии вместо экранов
Исследуем цели бизнеса, аудиторию и ключевые пути, фиксируем, что считается успехом в измеримом виде.
02
Прототип до визуала
Кликабельный прототип проверяет сценарий до того, как потрачен час на визуальный дизайн; правки на этом этапе стоят часы.
03
UI-kit вместо отдельных картинок
Собираем компоненты, типографику и состояния, чтобы новые экраны складывались из готовых элементов и продукт выглядел единообразно.
04
Вы видите ход работ
Еженедельные демо, состав работ, срок и стоимость в договоре до старта; макеты и UI-kit передаём в разработку.

Что получили клиенты

Большинство наших проектов под NDA: названия и цифры результата мы не раскрываем и придумывать их не будем. Ниже только то, что можно подтвердить.

3 мин → 40 с
Стоматологическая клиника, Санкт-Петербург
Спроектировали мобильный сценарий записи. Время на запись сократилось с 3 минут до 40 секунд. Администраторы перестали терять заявки в пиковые часы. Через 8 месяцев после сайта клиент сам вернулся за мобильным приложением, без допродажи.
Это мобильный сценарий записи, а не ERP или дашборд; показатель — время записи, а не рост выручки.
Кейс клиники
NDA
Частная клиника: сайт вокруг сценариев пациентов
Пересобрали структуру сайта вокруг реальных сценариев пациентов (плановый визит, срочный случай, запись к конкретному врачу) и упростили путь к записи. Цифры результата закрыты NDA.
Кейс частной клиники

14 · UX/UI-дизайн интерфейсов сайтов и приложений

UX/UI-дизайн интерфейсов — это проектирование того, как пользователь решает задачу в сайте, личном кабинете, мобильном приложении или внутренней системе: исследование, пользовательские сценарии, кликабельный прототип, визуальный дизайн и UI-kit. Мы проектируем интерфейс с нуля под задачу бизнеса — в отличие от редизайна, который начинается с готового продукта и его аудита. Если вы заказываете сайт или приложение под ключ, дизайн уже входит в проект; эта услуга — для задач, где интерфейс главная часть заказа: сложный B2B-интерфейс, админ-панель, дашборд, личный кабинет, приложение, UI-kit. Стоимость проектирования называем после брифа; опубликованные ориентиры — UX-аудит от 150 000 ₽ (2 недели) и визуальный редизайн от 400 000 ₽ (4-6 недель).

Для кого

Компаниям, которым нужен интерфейс сложного B2B-продукта: личный кабинет, админ-панель, дашборд или внутренняя система
Стартапам и командам, которые проектируют веб-сервис или мобильное приложение и хотят проверить сценарии на прототипе до разработки
Бизнесу, у которого интерфейс вырос из набора разных экранов и нет единого визуального языка и UI-kit
Командам, которым нужны исследование, прототипы и макеты перед разработкой

Нужно спроектировать интерфейс, а не просто нарисовать экраны?

Обсудить дизайн интерфейса

Что входит в проектирование интерфейса

Исследование: цели бизнеса, аудитория, сценарии использования, разбор конкурентов и доступной аналитики
Пользовательские сценарии и customer journey: ключевые пути и места, где пользователь теряется
Информационная архитектура и кликабельный прототип: сценарии проверяются до визуального дизайна
UI-дизайн под бренд для сайта, личного кабинета, админ-панели, дашборда или приложения (для приложений — по гайдлайнам iOS и Android)
UI-kit и дизайн-система: компоненты, типографика и состояния, чтобы новые экраны собирались из готовых элементов
Адаптивные макеты для десктопа и мобильных устройств
Еженедельные демо результата и согласование по ходу работ
Передача макетов, UI-kit и описания сценариев в разработку (формат передачи обсуждаем на брифе)
Состав работ, срок и стоимость фиксируются в договоре до старта

Что проектируем и сколько это стоит

Интерфейсы бизнес-систем: личные кабинеты, CRM и ERP

Роли, таблицы, фильтры, формы, статусы: проектируем так, чтобы сотрудник или партнёр выполнял рабочую задачу за меньшее число шагов. Публичных кейсов именно ERP-интерфейса в портфолио нет — подход тот же, что в наших проектах: сценарии, прототип, UI-kit.

Запроситьпо итогам брифа

Админ-панели и дашборды

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

Запроситьпо итогам брифа

UI-kit и дизайн-система

Набор компонентов, цветов, типографики и состояний (наведение, ошибка, загрузка), чтобы команда разработки собирала новые экраны из готовых элементов, а продукт выглядел единообразно.

Запроситьпо итогам брифа

Дизайн мобильных приложений: iOS и Android

Сценарии, прототип и UI по гайдлайнам iOS и Android с сохранением узнаваемости бренда. Пример: мобильный сценарий записи для стоматологической клиники — время на запись сократилось с 3 минут до 40 секунд. Если дизайн входит в разработку приложения под ключ, он уже учтён в цене формата.

Запроситьпо итогам брифа

UX-аудит интерфейса: оценка перед проектированием

Экспертная оценка существующего интерфейса и рекомендации — вход перед проектированием или редизайном. Если нужна оценка воронки и конверсии, это отдельный аудит конверсии (от 120 000 ₽).

от 150000₽2 недели

Стоимость проектирования зависит от числа экранов и состояний, количества ролей пользователей, сложности сценариев, объёма UI-kit и платформ (веб, iOS, Android) — называем после брифа. Если сайт или приложение уже есть и его нужно обновить, а не проектировать заново, смотрите услугу «Редизайн сайта»: визуальный редизайн — от 400 000 ₽, 4-6 недель; полная пересборка — от 1 200 000 ₽, от 10 недель. Дизайн, входящий в разработку сайта или приложения под ключ, уже учтён в цене формата. Написание текстов и разработка интерфейса считаются отдельно (плюс к смете). Разработка, интеграции с 1С/CRM и написание текстов в проектирование интерфейса не входят и считаются отдельно (плюс к смете).

Собрать диапазон в калькуляторе

Что учитываем в цене

Цену проектирования заранее не публикуем: она зависит от числа экранов и состояний, количества ролей пользователей, сложности сценариев, объёма UI-kit и платформ. Опубликованные ориентиры — в таблице форматов выше.

Состав работ, срок и стоимость фиксируются в договоре до старта.

Обсуждается после брифа

Число экранов и состояний, количество ролей пользователей
Объём UI-kit: базовый набор компонентов или полная дизайн-система
Исследование: интервью с пользователями и тестирование прототипа, если нужны
Платформы: веб, iOS, Android

Не входит

Разработка (программирование) интерфейса: считается отдельно по форматам «Разработка сайтов» и «Мобильные приложения»
Написание текстов считается отдельно (плюс к смете)
Сопровождение дизайна и новые экраны после сдачи: обсуждаются отдельно, единого тарифа нет

Как мы фиксируем KPI в договоре

Для интерфейса метрика — то, что можно измерить в сценарии, а не «стало красивее». Исходное значение записываем в брифе. Метрика фиксируется в брифе, а сроки, бюджет и состав работ — в договоре.

1
Выбираем метрику вместе
На первой встрече формулируем, что считается успехом проекта, в виде показателя, который можно измерить.
2
Фиксируем исходное значение
Если у вас уже есть сайт или аналитика, записываем, с какой точки стартуем. Если данных нет, договариваемся, как и от какой точки считать.
3
Метрика — в бриф, сроки и бюджет — в договор
Метрика фиксируется в брифе, а базовые KPI (сроки, бюджет, состав работ) — в договоре до старта, чтобы не спорить после сдачи.
4
Показываем ход работ
Еженедельные демо: вы видите результат каждую неделю и можете скорректировать курс, а не узнать о проблеме после того, как бюджет потрачен.
5
Измеряем после запуска
Смотрим на зафиксированную метрику и, если нужно, донастраиваем. Часть клиентов переходит на постоянное сопровождение.

Какие метрики можно зафиксировать

время выполнения ключевого действия (запись, заказ, создание заявки) до и после
доля пользователей, дошедших до целевого действия
число ошибок и обращений в поддержку по сценарию
прохождение ключевых сценариев на прототипе до начала разработки

Мы не обещаем заданный рост конверсии или скорости: он зависит от продукта, трафика и аудитории. Если после запуска нужна системная работа над ростом показателя, это отдельная услуга: CRO (аудит воронки от 120 000 ₽, 2 недели).

Что мы не обещаем. Целевое значение результата (число заявок, долю заказов, долю закрытых обращений) мы не гарантируем: оно зависит от рынка, трафика, оффера и продукта, а не только от нашей работы. Мы отвечаем за то, что делаем сами: состав работ, срок, работу интеграций и аналитики. Если вам нужны особые условия по результату, обсуждаем их в договоре индивидуально, заранее такого обязательства не даём.

Получить смету Рассчитать в калькуляторе

Как мы работаем: этапы проектирования интерфейса

Бриф и исследование

фиксируем цели бизнеса, аудиторию, платформы и метрику успеха, изучаем текущий интерфейс (если он есть), несколько продуктов-аналогов и доступную аналитику, чтобы структура строилась на данных, а не на предположениях.

Сценарии и прототип

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

UI-дизайн и UI-kit

рисуем визуальный язык под бренд (для приложений — по гайдлайнам iOS и Android) и собираем компоненты и состояния в UI-kit, чтобы новые экраны складывались из готовых элементов. Результат показываем на еженедельных демо.

Проверка и передача в разработку

сверяем макеты с зафиксированными сценариями и метрикой, готовим описание компонентов и состояний и передаём результат в разработку; формат передачи согласуем на брифе.

Примеры проектов

МедицинаСтоматологическая клиника (Санкт-Петербург)3 мин → 40 свремя записи на приём МедицинаЧастная клиникаРедизайн сайтаРезультат под NDA АвтосервисСеть автосервисов (Москва)Редизайн сайта, миграция на микросервисыРезультат под NDA

Читайте в блоге

Частые вопросы

Редизайн начинается с готового продукта: UX-аудит, анализ аналитики, решение, что сохранить, а что менять, и поэтапный релиз без остановки текущей версии (UX-аудит — от 150 000 ₽, визуальный редизайн — от 400 000 ₽). Проектирование интерфейса — когда нужного экрана или продукта ещё нет: новый личный кабинет, админ-панель, дашборд, мобильное приложение, UI-kit. Здесь мы начинаем с исследования и сценариев, а не с аудита. Если сомневаетесь, какой у вас случай, скажем это на первой встрече.

Отдельную цену на проектирование не публикуем: она зависит от числа экранов и состояний, ролей пользователей, сложности сценариев и объёма UI-kit, называем после брифа. Опубликованные ориентиры: UX-аудит — от 150 000 ₽, 2 недели; визуальный редизайн — от 400 000 ₽, 4-6 недель. Если дизайн входит в разработку сайта или приложения под ключ, он уже учтён в цене формата (корпоративный сайт — от 500 000 ₽, MVP приложения — от 900 000 ₽). Написание текстов и разработка считаются отдельно (плюс к смете).

Дизайн интерфейса — этап любого нашего проекта, и чаще всего мы ведём его вместе с разработкой: макеты сразу учитывают стек и интеграции. Если вам нужен только дизайн, а разработка идёт у другой команды, обсудим формат и объём на брифе; состав работ, срок и стоимость зафиксируем в договоре до старта.

Описание пользовательских сценариев, кликабельный прототип, макеты ключевых экранов и их состояний для нужных устройств и UI-kit с компонентами. Формат передачи и инструмент согласуем на брифе. Исходный код не входит: разработка — отдельный этап по форматам «Разработка сайтов» и «Мобильные приложения».

Сценарии проверяем на кликабельном прототипе до разработки: правки на этом этапе стоят часы, а не недели. Метрику успеха (например, время выполнения ключевого действия или доля дошедших до цели) фиксируем в брифе до старта и измеряем после запуска. Результат мы не гарантируем: он зависит от продукта и аудитории. Пример: мобильный сценарий записи в клинике — с 3 минут до 40 секунд.

Честно: в публичном портфолио кейсов проектирования ERP-интерфейсов, админ-панелей и аналитических дашбордов нет, и мы не говорим «мы делали», если этого не было. Что есть: стоматологическая клиника в Санкт-Петербурге — мобильный сценарий записи, время на запись сократилось с 3 минут до 40 секунд; редизайн сайта частной клиники вокруг сценариев пациентов (NDA, цифры закрыты); редизайн и перенос на микросервисы для сети автосервисов (NDA). Сложные интерфейсы проектируем тем же процессом: сценарии, прототип, UI-kit, проверка до разработки.

С брифа: цели, аудитория, ключевые сценарии, платформы, ограничения. Полезно принести то, что уже есть: аналитику, текущий интерфейс, брендбук, требования. Метрику успеха фиксируем в брифе, а сроки, бюджет и состав работ — в договоре.