Этап 0: Погружение в бизнес и постановка целей
Что: Вместе с клиентом определяем ключевую бизнес-задачу, которую должен решить новый сайт. Без этого этапа работа теряет фокус.
Как: Проводим воркшоп, заполняем бриф, задаем «правильные» вопросы:
«Кто ваш идеальный клиент?», «Что должно произойти после посещения сайта?»,
«Как вы измеряете успех?».
Результат: Документ с утвержденными KPI (целевые показатели): увеличение лидов
на X%, рост среднего чека, сокращение bounce rate и т.д.
Этап 1: Аналитическое исследование рынка
Что: Изучаем среду, в которой будет работать сайт, чтобы принимать обоснованные дизайн- и контент-решения.
Как: Анализ ниши: Тренды, боли ЦА, язык общения.
Аудит текущего сайта (если был): Выявление слабых мест.
Анализ конкурентов (5-7 ключевых): Оценка их УТП, структуры, дизайна, контента, удобства использования (UX).
Сбор и кластеризация семантического ядра: Поиск запросов, по которых нас будут искать, формирование будущей структуры контента.
Результат: Презентация с ключевыми инсайтами, карта конкурентов, структурированное семантическое ядро (500+ запросов).
Этап 2: Стратегия и контент-планирование
Что: Формируем основное сообщение и архитектуру сайта, исходя из данных этапа 1.
Как: Разработка УТП и офферов: Формулируем четкие, выгодные и проверяемые предложения для каждой ЦА.
Проектирование карты сайта (sitemap): Логичная структура разделов и страниц, оптимальная для пользователя и SEO.
Прототипирование (low-fidelity): Создаем «проволочные» схемы (wireframes) каждой ключевой страницы, расставляя блоки и акценты без дизайна. Фокус на логике и юзабилити.
Результат: Утвержденные текстовые блоки УТП, карта сайта в виде схемы, интерактивный кликабельный прототип в Figma.
Этап 3: Дизайн и визуальная коммуникация
Что: Оживляем прототипы, создавая визуальный стиль, который усиливает сообщение и вызывает доверие.
Как: Разработка дизайн-концепции главной страницы: 2-3 варианта в стиле moodboard для выбора направления.
Отрисовка дизайн-макетов всех страниц: В Figma/Adobe XD, с учетом адаптива под мобильные устройства (Mobile First подход).
UI-дизайн: Проработка элементов интерфейса (кнопки, формы, иконки), создание UI-кита.
Результат: Полный пакет дизайн-макетов (десктоп + мобильная версия), готовый к передаче в верстку.
Этап 4: Техническая реализация и запуск
Что: Превращаем дизайн в рабочий, быстрый и функциональный инструмент.
Как: Адаптивная вёрстка: На HTML5, CSS3, JS с использованием методологии БЭМ для чистоты кода.
Интеграция с CMS (WordPress/Битрикс): Настройка административной панели для удобного самостоятельного редактирования контента клиентом.
Наполнение контентом: Перенос текстов, изображений, видео на сайт.
Техническая настройка и тестирование: Подключение форм, метрик (Яндекс.Метрика, Google Analytics), настройка целей, проверка кроссбраузерности и скорости загрузки (Google PageSpeed Insights).
Базовое SEO: Настройка заголовков, мета-тегов, создание файлов robots.txt и sitemap.xml.
Результат: Полностью рабочий сайт, развернутый на хостинге клиента, с подключенной аналитикой и настроенными формами обратной связи.
Шрифтовая пара
Носители (презентация)
