Принимаем проекты на Q3 2026 — 3 слота свободно. Обсудить →
Главная/Услуги/UI и дизайн-системы
Interface Designот 4 недельот 350 000 ₽

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

Интерфейс, который можно собрать в код без переделки. Макеты, дизайн-токены, компонентные библиотеки. Работаем рядом с разработкой — а не «нарисовал и ушёл».

Кому подходит

Кому нужен
UI

UI-дизайн нужен, когда продукт растёт и появляется потребность в системности.

a.

Продуктам с большим количеством экранов

Когда страниц десятки, и каждая «нарисована заново» — нужна дизайн-система, чтобы навести порядок.

b.

Командам, где много продуктовых релизов

Когда фичи выходят каждую неделю — без дизайн-системы команда дизайнеров не успевает или плодит несогласованности.

c.

Брендам с несколькими продуктами

Чтобы все цифровые точки контакта говорили на одном визуальном языке. Один дизайн-токенов на всю экосистему.

d.

Стартапам после фит-маркета

Когда продукт работает и нужно делать его «взрослым»: визуально, системно, доступно.

Что входит

Что входит
в работу

От базовых компонентов до production-ready дизайн-системы.

01
Дизайн-токеныTokens
Цвета, типографика, отступы, тени, анимации. Один источник правды, который связан с кодом через CSS-переменные.
02
Компонентная библиотекаComponents
Базовые UI-компоненты в Figma. Кнопки, инпуты, карточки, модалки. С варианатами и состояниями.
03
Шаблоны экрановTemplates
Готовые макеты ключевых экранов. Адаптивная вёрстка под все брейкпоинты.
04
ДокументацияDocs
Принципы, гайдлайны, правила использования. В Figma, Notion или Storybook — под формат команды.
05
Сопровождение разработкиHandoff
Авторский надзор за реализацией. Не «отдали и забыли» — проверяем код, помогаем с edge-кейсами.
Процесс

Как делаем
проект

Пять этапов от брифа до передачи в разработку.

01
Брифинг и исследование1–2 недели

Изучаем продукт, аудиторию, конкурентов. CustDev-интервью, проверка пользовательских сценариев.

02
Информационная архитектура1–2 недели

Структура разделов, путь пользователя, ключевые сценарии. Wireframes на низком уровне детализации.

03
Прототипирование2–4 недели

Кликабельные прототипы. Тестируем на реальных пользователях до начала визуального дизайна.

04
Визуальный дизайн2–6 недель

Макеты в Figma, дизайн-система, компонентная библиотека. Передача в разработку с документацией.

05
Авторский надзорПо ходу разработки

Сопровождаем разработку: проверяем реализацию, помогаем с edge-кейсами, корректируем мелочи.

Сроки и стоимость

Сроки и
стоимость

Зависит от глубины дизайн-системы и количества экранов.

Лёгкая
Базовые компоненты + макеты
от 350 K ₽4–6 недель

Дизайн-токены, базовые компоненты, 8–15 ключевых экранов. Подходит для лендингов и небольших сайтов.

Стандартная
Полная дизайн-система
от 1 М ₽8–12 недель

Компонентная библиотека, документация, 20–40 экранов. Под продуктовый веб-сайт или MVP-приложение.

Энтерпрайз
Дизайн-система для платформы
от 2,5 М ₽от 3 месяцев

Многопродуктовая дизайн-система с авторитетной документацией, миграцией старых экранов и обучением команды.

§

Точная смета считается после брифа и анализа задачи. На простых проектах оценку даём за 2–5 рабочих дней. На сложных — выделяем платный Discovery-этап, по итогам которого согласуется итоговый бюджет.

Вопросы и ответы

Что обычно
спрашивают

Вопросы, которые задают на этапе обсуждения именно по этой услуге.

Figma — основной. Используем variables, autolayout, components — современный стек. По запросу можем работать в Sketch, но это редко.
Через токены. Цвета, шрифты, отступы экспортируются в CSS-переменные или Tailwind-конфиг. Изменения в Figma автоматически попадают в код.
Да, под единый стиль. Базовый набор иконок входит в дизайн-систему. Большие иллюстрации и анимации — отдельной задачей.
Да, на retainer. Регулярные апдейты, новые компоненты, помощь с миграцией старых экранов. От 80 тыс. ₽/мес.
Стандартно — 30% / 30% / 40% на проектную работу: при подписании, после дизайна, после релиза. На больших проектах — оплата спринтами по факту выполнения. Все документы — официально, через ООО, с актами.
Да, и часто это делаем. Подписываем NDA до брифа, если нужно. У нас есть свой шаблон, но готовы работать и по вашему. Все сотрудники, имеющие доступ к проекту, подписывают внутренний NDA с компанией.
Связанные услуги

Часто заказывают
вместе

Эта услуга редко идёт сама по себе — обычно в связке с другими.

Оставить заявку

Расскажите
о задаче
посчитаем оценку.

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

+7 921 320-70-75 · hello@wecoen.org

● Заявка по: UI и дизайн-системы

Отправляя форму, вы соглашаетесь с обработкой персональных данных
в соответствии с политикой конфиденциальности.