Разработка дизайн-системы для сайта и приложения: единые правила от €1 990

Цвета, шрифты, кнопки, формы и типовые экраны собираются в набор правил, и новые страницы выглядят одинаково. Дизайн-система продукта стоит от €1 990.

Брендинг и айдентикаСрок: 2–4 недели

Как выглядит дизайн-система продукта

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

  • Для продуктов с сайтом и приложением. Сайт и приложение выглядят как один продукт, а не как два разных проекта.
  • Для растущих команд. Правила записаны, а не живут в голове дизайнера. Новому участнику проще включиться, и меньше споров о мелочах.

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

Примерпримерное отображение
Брендинг и айдентика · срок 2–4 недели

Дизайн-система продукта — от €1 990

Единые правила внешнего вида для сайта и приложения: цвета, шрифты, кнопки, формы и типовые экраны. Новые страницы собираются из готовых деталей и выглядят одинаково.

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

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

Заказать дизайн-система продуктаСравнить пакеты направления →

Что входит в дизайн-систему продукта за €1 990

Одна цена за весь список: без доплат за часы и отдельные пункты.

Дизайн-система продукта стоит от €1 990, срок 2–4 недели. В работу входят аудит текущего вида, цвета и шрифты, набор элементов, типовые экраны, документация и передача разработчику. Итог зависит от числа экранов и состояния текущего дизайна, точную сумму называем после разбора. Смотрите также: админ-панель.

  • Цвета, шрифты и набор элементов. Палитра, шрифты, размеры и отступы, а также кнопки, поля, карточки, таблицы и сообщения об ошибках.
  • Типовые экраны и документация. Образцы главных страниц, форм и кабинета и короткое описание, как пользоваться элементами. Тёмная и светлая версии, если они нужны.
1Исследование
  • Аудит текущего видаСмотрим, что уже есть, и находим расхождения: разные кнопки, оттенки, отступы.
2Дизайн
  • Цвета, шрифты и отступыЕдиная палитра, шрифты и шкала размеров. Новые экраны не расходятся с остальными.
  • Набор элементовКнопки, поля, карточки, таблицы, сообщения об ошибках. Разработчик собирает экраны из готовых деталей.
  • Типовые экраныОбразцы главных страниц, форм и кабинета. Показывают, как элементы работают вместе.
  • Тёмная и светлая версииОформляем обе темы по одним правилам, и контраст проверен для каждой.
3Файлы и правила
  • ДокументацияКороткое описание, как использовать каждый элемент. Новый сотрудник разберётся сам.
  • Передача разработчикуФайлы и инструкции для переноса в код, чтобы ничего не пересобирать заново.

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

Можно добавить к проекту

По желанию — сразу или позже. Цена фиксируется до начала работ.

Систему можно оформить в светлой и тёмной версиях и подготовить к интерфейсам на нескольких языках, включая длинные тексты и языки с письмом справа налево. Работаем с заказчиками из Европы, США, ОАЭ, Казахстана и других стран. Для международного продукта это снижает число переделок при добавлении языка.

  • Фирменный стильЛоготип, визитка, презентация и шаблоны для соцсетей оформляются в том же стиле, что и ваш продукт.€1 290Подробнее

    Собираем из логотипа единый набор: палитра, шрифты, визитка, шаблоны для соцсетей и правила. Нужно, когда материалы делают разные люди и выглядят они по-разному.

    Срок: 2–3 недели

  • Админ-панельСобираем внутренний кабинет из готовых элементов вашей системы. Это отдельная разработка с архитектурой.от €9 900Подробнее

    Строим панель управления на базе системы. Нужно, когда продукту нужен кабинет для команды.

    Срок: от 4 недель

  • Дополнительные экраныРисуем ещё образцы экранов сверх согласованного набора, чтобы разработчикам было проще собирать продукт.по сметеПодробнее

    Ещё образцы экранов сверх согласованного набора. Объём и цену согласуем до начала работ. Почасовой оплаты нет.

    Срок: по задаче

  • Иконки и иллюстрацииРисуем иконки и иллюстрации в одном стиле, чтобы продукт выглядел цельно и запоминался пользователям.+ €590Подробнее

    Дорисовываем набор иконок и иллюстраций. Нужно, когда стандартных не хватает.

    Срок: 1 неделя

Оплачивается отдельно, не нами: Лицензии на платные шрифты и наборы иконок, если выберете такие, напрямую правообладателю. Все дополнения →

Формат работы

Как создаётся дизайн-система

Этапы переключаются сами — или нажмите на любой, чтобы прочитать подробнее.

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

  • Что нужно от вас. Доступ к текущему сайту или приложению, фирменные материалы, если они есть, и человек, который согласует направление.

Если фирменного стиля ещё нет, его удобно сделать до системы или вместе с ней. Дальше экраны можно собрать в веб-приложении, кабинете или платформе, а для приложения на телефоне подготовить дизайн интерфейса. Смотрите также: фирменный стиль, дизайн мобильного приложения, веб-приложение и кабинеты.

1. Бриф

Короткая анкета на 15 минут: что за бизнес, для кого, что нужно получить и к какому сроку. Можно голосом, текстом или созвоном.

  • Спрашиваем только то, что влияет на результат и цену
  • Материалы (логотип, фото, тексты) можно прислать позже
  • В тот же рабочий день отвечаем: что предлагаем, сколько стоит и сколько займёт

Начать бриф →

Сколько15 минут вашего времени
Результатпредложение с ценой и сроком
Вопросы

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

Сколько стоит дизайн-система продукта?

От €1 990. Цена зависит от числа экранов и состояния текущего дизайна. Точную сумму называем после короткого разбора.

Как оплатить работу?

Если итоговая сумма меньше €2 000, платёж 100 % при старте. От €2 000 схема 50 % при старте, 25 % после карты продукта и дизайна и 25 % после приёмки.

Нужна ли дизайн-система маленькому проекту?

Часто достаточно фирменного стиля. Мы подскажем, если систему стоит делать позже.

Чем дизайн-система отличается от фирменного стиля?

Фирменный стиль задаёт узнаваемость бренда: логотип, цвета, шрифты, носители. Дизайн-система описывает, как собирать интерфейсы: кнопки, формы, экраны и состояния.

Связано ли это с вашей разработкой?

Да, но результат передаём в виде, понятном любой команде. Вы не обязаны заказывать у нас разработку.

Входит ли перенос экранов в код?

Нет. Мы передаём файлы и инструкции, а перенос в код делает ваша команда или отдельный проект.

Можно ли сделать систему для уже готового сайта?

Да. Начинаем с аудита текущего вида, собираем правила из того, что уже есть, и убираем расхождения.

Кто обновляет систему после сдачи?

Вы или ваша команда по документации. Если нужны новые экраны или элементы, это отдельная работа по смете.

Подходит к этой услуге

Что обычно заказывают вместе с этим — нажмите, чтобы открыть страницу услуги с примером.

Брендинг и айдентикаЛоготип3 концепции, 2 круга правок, все форматы файлов.€5905–7 дней Брендинг и айдентикаФирменный стильЛоготип, цвета, шрифты, визитка, бланк, шаблоны для соцсетей.€1 2902–3 недели Создание сайтовСайт за 24 часаКогда нужно, чтобы банк или партнёры очень быстро увидели живую компанию: чем занимаетесь, страна и реквизиты, почта на домене, юридические страницы. Одна страница до 7 блоков, готов через 24 часа.€59924 часа после брифа, материалов и доступа к домену Маркетинг и соцсетиРеклама в Google и соцсетяхОдин канал на выбор: Google Ads или Meta (Instagram, Facebook). Второй канал — отдельно.от €490/месзапуск 5–7 дней, работа от 2 месяцев Интернет-магазиныИнтернет-магазин под ключСвоя разработка без ежемесячной платы платформе.€2 4902–3 недели Корпоративные сайты и порталыКорпоративный сайтДо 20 страниц: услуги, кейсы, новости, команда, 2 языка.€3 4902–3 недели SEO-продвижениеSEO-аудитТехнические ошибки, структура, конкуренты, план работ.€4905–7 дней Платформы и SaaSАрхитектурная сессияКарта продукта, смета и план первой версии. Сумма засчитывается в проект.€3 5002–3 недели