1
Контекст
Изучаем бизнес, аудиторию, рынок и ограничения.
Библиотека компонентов
Design System с понятной сметой.
Собираем правила и компоненты, чтобы команда выпускала согласованный интерфейс без повторной изобретательности.
Библиотека компонентов
Премиальная подача
Готовность к разработке
Система вместо макетов
01 — Состав
Что входит.
Стратегическая сессия и разбор контекста
Карта сценариев и информационная архитектура
Концепция визуального направления
Кликабельный прототип ключевых путей
Адаптивные макеты и состояния интерфейса
UI-kit или правила айдентики
Спецификация для разработки
Подготовка и передача исходников
02 — Метод
Метод дизайн-система: от смысла к форме
Сначала формулируем задачу и проверяем сценарии, затем придаём им узнаваемую форму и доводим до работающего стандарта.
2
Сценарии
Выбираем моменты, где дизайн должен помочь принять решение.
3
Концепция
Ищем выразительный язык и проверяем его на ключевых экранах.
4
Система
Собираем правила, компоненты и нужные состояния.
5
Передача
Готовим материалы, спецификации и сессию с командой.
03 — Процесс
Этапы работы.
01
Фиксируем задачу, аудиторию и критерий сильного результата.
02
Собираем сценарии, содержание и логику экранов.
03
Показываем направление и уточняем характер решения.
04
Прорабатываем состояния, адаптив и систему.
05
Проводим handoff и помогаем запустить результат.
04 — Интеграции
Инструменты дизайн-процесса
FigmaВстраиваем Figma в процесс дизайн-система и передаём команде понятные правила работы.
StorybookВстраиваем Storybook в процесс дизайн-система и передаём команде понятные правила работы.
Tokens StudioВстраиваем Tokens Studio в процесс дизайн-система и передаём команде понятные правила работы.
ChromaticВстраиваем Chromatic в процесс дизайн-система и передаём команде понятные правила работы.
05 — Стек
Технологии проекта.
Проектирование
FigmaFigJamMiro
Проверка
ProtoPieMazeHotjar
Передача
StorybookZeroheightNotion
06 — Сравнение
Что отличает подход meretti.pro
| Критерий | meretti.pro | Быстрые макеты | Разрозненные подрядчики |
|---|---|---|---|
| Основа решения | Сценарии и бизнес-задача | Вкус и референсы | Разные трактовки |
| Система | Правила и компоненты | Отдельные экраны | Несогласованный набор |
| Передача | Спецификация и сопровождение | Только файл | Зависит от исполнителя |
| Развитие | Основа для следующей версии | Нужна переработка | Нет общего стандарта |
07 — Цифры
Почему с нами.
7 дней
ритм видимых результатов
100%
исходников у клиента
1
система вместо набора экранов
48 ч
на первичный ответ
08 — Стоимость
Тарифы и ориентиры.
Фокус
от 270 000 ₽
6–8 недель
- Библиотека компонентов
- UX-логика
- Визуальная концепция
- Подготовка к передаче
Популярный
Система
от 432 000 ₽
9–12 недель
- Всё из «Фокуса»
- Несколько ключевых сценариев
- UI-kit
- Проверка с командой
Масштаб
от 729 000 ₽
14–20 недель
- Всё из «Системы»
- Исследование пользователей
- Дизайн-система
- Сопровождение запуска
Стоимость зависит от глубины исследования, числа сценариев и состава носителей; фиксируем границы этапа до старта.
Дополнения
Пользовательские исследованияКопирайтингАнимация интерфейсаАвторский надзор
09 — Портфолио
Последние проекты
Файвен
Классифайды живут скоростью и доверием. Если категория, поиск или переписка «тормозят» — пользователь уходит к привычной площадке.
Live
Продукт в проде
РФ
Города и регионы
PWA
Мобильный сценарий
10 — FAQ
Частые вопросы
Когда нужна design system?
Когда несколько команд/поверхностей и растёт продукт. Для одного лендинга — избыточно. Система экономит время на следующих релизах. Стартуем с UI-kit и токенов, затем расширяем.
Что входит в первую версию?
Токены, типографика, кнопки, формы, грид, базовые паттерны, документация в Figma. Не пытаемся покрыть всё сразу. Синхронизация с фронтендом критична.
Кто поддерживает систему потом?
Либо ваша команда, либо мы по ретейнеру. Без владельца система умирает. Правила контрибуции фиксируем. Связка с frontend.
Нужен ли Storybook?
Полезен для разработки компонентов. Для дизайн-only можно начать с Figma. Решим по стеку. Главное — единый источник правды.
Сколько стоит design system?
Зависит от зрелости продукта и числа платформ. Компактный UI-kit дешевле «корпоративной DS». Оценка после аудита текущих экранов. Estimate.
11 — Связанное
Контекст для решения
Следующий шаг
Придадим задаче
точную форму.
Расскажите, что должно измениться для пользователя и бизнеса — предложим первый осмысленный шаг.