1
Контекст
Изучаем бизнес, аудиторию, рынок и ограничения.
Архитектура страниц
Веб-дизайн с понятной сметой.
Собираем визуальный образ и структуру сайта так, чтобы доверие возникало до первой встречи.
Архитектура страниц
Премиальная подача
Готовность к разработке
Система вместо макетов
01 — Состав
Что входит.
Стратегическая сессия и разбор контекста
Карта сценариев и информационная архитектура
Концепция визуального направления
Кликабельный прототип ключевых путей
Адаптивные макеты и состояния интерфейса
UI-kit или правила айдентики
Спецификация для разработки
Подготовка и передача исходников
02 — Метод
Метод веб-дизайн: от смысла к форме
Сначала формулируем задачу и проверяем сценарии, затем придаём им узнаваемую форму и доводим до работающего стандарта.
2
Сценарии
Выбираем моменты, где дизайн должен помочь принять решение.
3
Концепция
Ищем выразительный язык и проверяем его на ключевых экранах.
4
Система
Собираем правила, компоненты и нужные состояния.
5
Передача
Готовим материалы, спецификации и сессию с командой.
03 — Процесс
Этапы работы.
01
Фиксируем задачу, аудиторию и критерий сильного результата.
02
Собираем сценарии, содержание и логику экранов.
03
Показываем направление и уточняем характер решения.
04
Прорабатываем состояния, адаптив и систему.
05
Проводим handoff и помогаем запустить результат.
04 — Интеграции
Инструменты дизайн-процесса
FigmaВстраиваем Figma в процесс веб-дизайн и передаём команде понятные правила работы.
WebflowВстраиваем Webflow в процесс веб-дизайн и передаём команде понятные правила работы.
LottieВстраиваем Lottie в процесс веб-дизайн и передаём команде понятные правила работы.
StorybookВстраиваем Storybook в процесс веб-дизайн и передаём команде понятные правила работы.
05 — Стек
Технологии проекта.
Проектирование
FigmaFigJamMiro
Проверка
ProtoPieMazeHotjar
Передача
StorybookZeroheightNotion
06 — Сравнение
Что отличает подход meretti.pro
| Критерий | meretti.pro | Быстрые макеты | Разрозненные подрядчики |
|---|---|---|---|
| Основа решения | Сценарии и бизнес-задача | Вкус и референсы | Разные трактовки |
| Система | Правила и компоненты | Отдельные экраны | Несогласованный набор |
| Передача | Спецификация и сопровождение | Только файл | Зависит от исполнителя |
| Развитие | Основа для следующей версии | Нужна переработка | Нет общего стандарта |
07 — Цифры
Почему с нами.
7 дней
ритм видимых результатов
100%
исходников у клиента
1
система вместо набора экранов
48 ч
на первичный ответ
08 — Стоимость
Тарифы и ориентиры.
Фокус
от 75 000 ₽
2–3 недели
- Архитектура страниц
- UX-логика
- Визуальная концепция
- Подготовка к передаче
Популярный
Система
от 120 000 ₽
4–6 недель
- Всё из «Фокуса»
- Несколько ключевых сценариев
- UI-kit
- Проверка с командой
Масштаб
от 203 000 ₽
7–10 недель
- Всё из «Системы»
- Исследование пользователей
- Дизайн-система
- Сопровождение запуска
Стоимость зависит от глубины исследования, числа сценариев и состава носителей; фиксируем границы этапа до старта.
Дополнения
Пользовательские исследованияКопирайтингАнимация интерфейсаАвторский надзор
09 — Портфолио
Последние проекты
Файвен
Классифайды живут скоростью и доверием. Если категория, поиск или переписка «тормозят» — пользователь уходит к привычной площадке.
Live
Продукт в проде
РФ
Города и регионы
PWA
Мобильный сценарий
10 — FAQ
Частые вопросы
Чем веб-дизайн отличается от UI/UX?
Веб-дизайн чаще про сайт как витрину и контент. UI/UX — шире про продукт и сценарии. На практике пересекаются. Для корпоративного сайта важны сетка, типографика, модули, адаптив. См. также UI/UX.
Сколько экранов нужно на старте?
Ключевые шаблоны: главная, услуга/категория, контентная, форма, 404. Остальное — по мере. Рисовать «все 80 страниц» сразу редко нужно. Приоритет — money-pages.
Учитываете ли SEO и скорость в дизайне?
Да: иерархия заголовков, места под текст, вес медиа, состояния загрузки. Дизайн, который нельзя быстро реализовать, вреден. Согласуем ограничения с разработкой. Связка с техническим SEO.
Делаете ли адаптив отдельно?
Адаптив — часть процесса, не «потом ужать». Мобильные сценарии часто приоритетнее. Проверяем реальные устройства. Брейкпоинты согласуем со стеком.
Что получаем на выходе?
Figma-файл, компоненты, спеки, ассеты, иногда UI-kit. При разработке — ещё и вёрстка. Права на макеты — по договору. Передача в разработку без сюрпризов.
11 — Связанное
Контекст для решения
Следующий шаг
Придадим задаче
точную форму.
Расскажите, что должно измениться для пользователя и бизнеса — предложим первый осмысленный шаг.