1
Контекст
Изучаем бизнес, аудиторию сайта и рынок конкурентов.
Архитектура страниц
Веб-дизайн с понятной сметой.
Собираем визуальный образ и структуру сайта так, чтобы доверие возникало до первой встречи.
Telegram
Онлайн
t.me/meretti_pro
Обычно отвечаем за 15 минут
WhatsApp
Пн–Пт 10–19
+7 993 600-62-23
Альтернативный способ связи
Вы также можете отправить запрос на нашу почту hello@meretti.pro
Архитектура страниц
Премиальная подача
Готовность к разработке
Система вместо макетов
01 — Состав
Что входит.
Стратегическая сессия и разбор контекста
Карта сценариев и информационная архитектура
Концепция визуального направления
Кликабельный прототип ключевых путей
Адаптивные макеты и состояния интерфейса
UI-kit или правила айдентики
Спецификация для разработки
Подготовка и передача исходников
02 — Метод
Метод веб-дизайн: от смысла к форме
Сначала формулируем образ и структуру сайта, затем придаём им узнаваемую форму.
2
Сценарии
Выбираем страницы, где дизайн должен вызвать доверие быстрее.
3
Концепция
Ищем визуальный язык сайта и проверяем его на ключевых страницах.
4
Система
Собираем компоненты, сетку и нужные состояния страниц.
5
Передача
Готовим макеты сайта, спецификации и сессию с командой разработки.
Квиз по проекту
Быстрый расчёт проекта.
Заполните заявку и получите расчёт на ваш проект — и скидку 20% на разработку.
Скидка 20% за заполненную заявку
Шаг 1 / 6
Что нужно сделать?
Шаг 2 / 6
Какая главная цель проекта?
Шаг 3 / 6
Сайт или система уже есть?
Шаг 4 / 6
Какие интеграции понадобятся?
Шаг 5 / 6
Когда нужен результат?
Шаг 6 / 6
Ориентир по бюджету?
Последний шаг — куда прислать расчёт
Расчёт почти готов.
Оставьте номер — пришлём расчёт и скидку 20% в течение 15 минут. Без презентаций и давления.
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 ч
на первичный ответ
Бесплатная консультация 15 минут
Оставьте номер — перезвоним.
Перезвоним в течение 2 часов в рабочее время (Пн–Пт, 10:00–19:00 МСК) — коротко разберём объём, сроки и порядок цифр. Без продаж и обязательств.
Ответим за 2 часа
Менеджер проекта, а не отдел продаж
Никакого спама
08 — Стоимость
Тарифы и ориентиры.
Фокус
от 75 000 ₽
2–3 недели
- Архитектура страниц
- UX-логика
- Визуальная концепция
- Подготовка к передаче
Популярный
Система
от 120 000 ₽
4–6 недель
- Всё из «Фокуса»
- Несколько ключевых сценариев
- UI-kit
- Проверка с командой
Масштаб
от 203 000 ₽
7–10 недель
- Всё из «Системы»
- Исследование пользователей
- Дизайн-система
- Сопровождение запуска
Стоимость зависит от глубины исследования, числа сценариев и состава носителей; фиксируем границы этапа до старта.
Дополнения
Пользовательские исследованияКопирайтингАнимация интерфейсаАвторский надзор
10 — FAQ
Частые вопросы
Чем веб-дизайн отличается от UI/UX?
Веб-дизайн чаще про сайт как витрину и контент. UI/UX — шире про продукт и сценарии. На практике пересекаются. Для корпоративного сайта важны сетка, типографика, модули, адаптив. См. также UI/UX.
Сколько экранов нужно на старте?
Ключевые шаблоны: главная, услуга/категория, контентная, форма, 404. Остальное — по мере. Рисовать «все 80 страниц» сразу редко нужно. Приоритет — money-pages.
Учитываете ли SEO и скорость в дизайне?
Да: иерархия заголовков, места под текст, вес медиа, состояния загрузки. Дизайн, который нельзя быстро реализовать, вреден. Согласуем ограничения с разработкой. Связка с техническим SEO.
Делаете ли адаптив отдельно?
Адаптив — часть процесса, не «потом ужать». Мобильные сценарии часто приоритетнее. Проверяем реальные устройства. Брейкпоинты согласуем со стеком.
Что получаем на выходе?
Figma-файл, компоненты, спеки, ассеты, иногда UI-kit. При разработке — ещё и вёрстка. Права на макеты — по договору. Передача в разработку без сюрпризов.
Следующий шаг
Придадим задаче
точную форму.
Расскажите про бизнес и аудиторию сайта — предложим первый шаг в дизайне.