Брифинг

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

Аудит старого сайта

При наличии сайта у бизнеса, изучаем поведенческие метрики, результаты в лидах и продажах, работу отдела продаж, позиции в поисковых системах; оцениваем важные URL для переезда

Анализ конкурентов

Анализируем сайты конкурентов-лидеров в поисковом пространстве по всей РФ, собирая лучшие решения на посадочных страницах, в структуре и ссылочных профилях

Анализ целевой аудитории

Изучаем данные лидов и продаж бизнеса, прослушиваем звонки, проводим интервью по базе, моделируем портреты ЦА, с которыми хочет работать бизнес, прогнозируем запросы для ввода по лестнице Бена Ханта

Cемантическое ядро

Собираем все кластеры коммерческих и информационных запросов с потенциалом на конверсии в качественных лидов, не ограничиваясь частотой и кол-вом запросов

Структура сайта

Формируем наглядную mindmap-структуру сайта. Учитываем все кластеры семантического ядра и проектируем для каждого отдельную посадочную страницу

CJM (Customer Journey Map)

Создаем наглядные схемы/карты пути клиента к покупке продуктов/услуг бизнеса. Оцениваем все точки контакта.

Технические задания

Пишем технические задания/требования на дизайн, frontend и backend. Делаем сайт для людей, поисковых машин и конверсий.

составление прогнозов

Прогнозируем результаты SEO-продвижения и Контекстной рекламы после выпуска нового сайта на 3,6,9,12 месяцев в позициях, трафике, качественных лидах и продажах

unit-экономика

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

анализ serm

Анализируем поисковую выдачу по брендовым запроса бизнеса, фиксируем площадки, тональности и оцениваем необходимые работы

Результат:

Визуализированные результаты web-анализа дают инструмент с которым оценить экономические выгоды разработки нового сайта, сроки его окупаемости, понять какого типа сайт нужен для рентабельного и подробный план продвижения с прогнозами.

анализ serp

Анализируем ТОП-10 поисковой выдачи Яндекс и Google, оцениваем степень конкуренции, сформированность выдачи и потенциал для SEO-продвижения и Контекстной рекламы

PPC-стратегия

Составляем подробный план настройки контекстной рекламы исходя из аудита SERP, выгрузки данных Яндекс.Директа, анализа конкурентов и семантического ядра.

SEO-стратегия

Составляем подробный план SEO-продвижения исходя из SEO-аудита, аудита SEPR, поисковой выдачи, конкурентов и семантического ядра

Процесс работы по разработке сайтов

01. Web-аналитика

Wireframe (карта страниц)

Моделируем навигационную структуру сайта и структуру посадочных страниц без детализированной визуализации.

Интерактивный прототип

Добавляем больше деталей в Wireframe, заполняем его необходимым контентом. Настраиваем кликабельные ссылки на всех страницах и элементах.

семантическая структура

Учитываем важные вещи для конверсии и продвижения: заголовки 4U, легкие формы захвата, этапы работ, блоки доверия, отзывы и пр.

служебные страницы

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

функциональное тз

Формируем технические задания к функциональным элементам сайта.

Результат:

Интерактивный прототип, детальное ТЗ на дизайн и разработку сайта со сметой в деньгах и времени.

02. Проектирование

Mood board (доска настроения)

Moodboard (или доска настроения) состоит из шрифтов, цветов, иллюстраций и паттернов, которые помогают сформировать визуальное представление будущего дизайна сайта

Reference (примеры дизайна)

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

Дизайн-концепция

Создаём дизайн главной страницы сайта, основываясь на структуру, проработанную в прототипе, и визуальный стиль, собранный в мудборде и референсах

UI-киты

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

Фотоконтент

Работает с фотографами, фотостоками, фотобанками и фотографиями от заказчика

видеоконтент

Работаем с производителями контента или используем контент от заказчика, даём квалифицированное техническое задание

Создание графическое контента

Рисуем иллюстрации, инфографику, презентации и прочие материалы для посадочных страниц

Дизайн посадочных страниц

После утверждения дизайн-концепции прорабатываем дизайн остальных посадочных: Каталог, О компании, Доставка и оплата, Блог и пр.

Дизайн служебных страниц

Прорабатываем дизайн страниц, необходимых для SEO-продвижения/Контекстной рекламы и увеличения доверия пользователей

Создание Guidelines

Создаём список правил для использования элементов из ui-китов. Эти правила упорядочивают процесс работы и уменьшают время на разработку

Результат:

Создан и утверждён дизайн всего сайта. Проработаны правила для масштабирования страниц и отдельных элементов.

03. UI-Design (USER INTERFACE)

Вёрстка посадочных страниц

Переносим дизайн-макеты страниц сайта в веб-пространство. Используем функциональные возможности платформы Tilda для простых проектов или привлекаем партнёров по frontend-y и backend-y для более сложных проектов.

Анимации

Добавляем к свёрстанным блокам интерактивный функционал и лёгкие анимационные переходы, чтобы сайт выглядел более «живым» и был более интересен в использовании

Вёрстка адаптивов страниц

Прорабатываем отзывчиво-адаптивную вёрстку для планшетов и мобильных устройств. При таком типе вёрстки сайт одинаково хорошо смотрится на всех устройствах

Заполнение контентом

Заполняем макет-шаблоны и основные посадочные уникальным контентом, который способствует лучшему продвижению сайта в дальнейшем

SEO-оптимизация

Оптимизируем сайты после разработки для SEO-продвижения. Заполняем технические файлы, метаданные, оптимизируем текст и изображения.

Интеграции

Подключаем сайт ко всем необходимым сервисам заказчика для упрощения и автоматизации работы.

Сквозная аналитика

Подключаем CRM, Яндекс метрику, call-трекинг и email-трекинг, связываем всё в систему, понимаем с какого канала пришёл лид и продажа

Тестирование

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

Внедрение в работу

Регистрируем сайт в Интернете: покупаем и подключаем домен. При необходимости занимаемся покупкой и настройкой хостинга

Результат:

Сайт свёрстан и готов к работе

04. FRONTEND-РАЗРАБОТКА

Создание новых посадочных

Собираем новые посадочные для расширения компании на сегменты или регионы

Обновление материала

Улучшаем и обновляем материал на сайте для повышения доверия пользователя к сайту и увеличения позиций сайта в поисковой выдаче по целевым запросам бизнеса.

Техническая поддержка

Обеспечиваем контроль за непрерывным функционированием сайта

Увеличение конверсии

Анализируем поведенческие факторы на сайте с помощью систем аналитик. Составляем список гипотез для увеличения конверсии

Поиск дополнительных точек роста

Анализируем нишу и ситуацию на рынке. Предлагаем новые идеи по продвижению сайта компании

Увеличение времени пребывания на сайте

Отслеживаем метрики: карты кликов, вебвизор, страницы выхода; звонки и пр. Анализируем поведенческие факторы и выявляем причины низкого времени пребывания пользователя на сайте

квалификации лида

Отслеживаем метрики и составляем список гипотез улучшения сайта для увеличения квалификации лида. Тестируем гипотезы и выбираем решения с лучшим результатом

Результат:

---

05. Дизайн-поддержка