Процесс · 10 этапов
Процесс
Этап 01 · Discovery
Знакомство и аудит
Цель
Понять бизнес, аудиторию и то, что мешает текущему сайту приносить заявки.
Что делаем мы
- Бриф и созвон
- Аудит текущего сайта: дизайн, мобильная версия, скорость, структура
- Разбор конкурентов и аудитории
- Фиксация целей проекта
Результат
Короткий отчёт о проблемах и задачах, оценка стоимости и сроков.
Переход дальше, когда
Вы согласовали цели, объём работ и смету.
Этап 02 · Strategy
Стратегия и структура
Цель
Решить, какие страницы нужны и в каком порядке человек получает информацию.
Что делаем мы
- Карта сайта
- Пользовательские сценарии: от входа до заявки
- Приоритеты контента на каждой странице
Результат
Структура сайта и список страниц.
Переход дальше, когда
Структура утверждена — дальше ничего не теряется.
Этап 03 · Wireframes
Прототипы
Цель
Расставить блоки и иерархию до того, как появится цвет и шрифт.
Что делаем мы
- Чёрно-белые каркасы ключевых страниц
- Расположение блоков и призывов к действию
- Проверка логики на мобильном
Результат
Прототипы главной и ключевых шаблонов.
Переход дальше, когда
Логика страниц понятна и согласована.
Этап 04 · Art Direction
Визуальная концепция
Цель
Найти визуальный язык, который отличает вас от конкурентов.
Что делаем мы
- Референсы и мудборд
- Шрифтовая пара и палитра
- Концепция первого экрана
Результат
Концепция на примере главного экрана.
Переход дальше, когда
Вы выбрали направление стиля.
Этап 05 · UI Design
Дизайн интерфейса
Цель
Распространить концепцию на все страницы и состояния.
Что делаем мы
- Дизайн ключевых страниц
- Компоненты: кнопки, формы, карточки, меню
- Состояния: наведение, ошибка, загрузка
- Мобильные макеты
Результат
Макеты страниц и библиотека компонентов.
Переход дальше, когда
Макеты утверждены в рамках раундов правок.
Этап 06 · Development
Разработка
Цель
Превратить макеты в быстрый, удобный в поддержке сайт.
Что делаем мы
- Вёрстка и компоненты
- Контент вынесен отдельно от кода
- Формы, интеграции, CMS — по задаче
Результат
Рабочая версия сайта на тестовом адресе.
Переход дальше, когда
Все страницы и функции работают на тестовой версии.
Этап 07 · Motion
Анимации
Цель
Добавить движение там, где оно помогает читать и чувствовать бренд.
Что делаем мы
- Появление блоков и заголовков
- Переходы и ховеры
- Учёт настройки «уменьшить движение»
Результат
Сайт с продуманными микровзаимодействиями.
Переход дальше, когда
Анимации не мешают скорости и читаемости.
Этап 08 · QA
Тестирование
Цель
Найти и исправить ошибки до того, как их найдут клиенты.
Что делаем мы
- Проверка на телефонах, планшетах и ноутбуках
- Доступность и контраст
- Формы, ссылки, битые изображения
- Скорость загрузки
Результат
Чек-лист проверок с исправленными ошибками.
Переход дальше, когда
Нет известных блокирующих ошибок.
Этап 09 · Launch
Запуск
Цель
Аккуратно перевести сайт на боевой адрес.
Что делаем мы
- Production-сборка
- Подключение домена и HTTPS
- Редиректы со старых адресов
- Sitemap, robots, аналитика
Результат
Сайт опубликован на вашем домене.
Переход дальше, когда
Сайт открывается, заявки доходят.
Этап 10 · Support
Поддержка
Цель
Не бросать сайт после запуска.
Что делаем мы
- Гарантийные исправления
- Правки и обновления по подписке
- Развитие: новые разделы и функции
Результат
Сайт остаётся актуальным.
Отвечаем в течение рабочего дня
Начнёмс аудита?
Первый шаг — бриф и разбор текущего сайта. После него вы получите оценку и план работ.