Есть задача?
← К автомобильной сценеRICH CODE / МЕТОДЫ РАБОТЫ

У идеи естьмаршрут.

Семь этапов — от первого разговора до развития проекта.
Листайте, чтобы пройти их вместе с нами.

Разобраться. Персонажи Rich Code за работой.
01 / 07 — СОГЛАСОВАННОЕ НАПРАВЛЕНИЕ

Разобраться.

С чего вообще начинаем?

С разговора о бизнесе, а не о любимом цвете. Кто приходит к вам, что ему нужно и какое действие должен упростить сайт.

  • Задача и аудитория
  • Сценарии посетителей
  • Состав первой версии

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

Обсудить этот этап ↗
Проверить. Персонажи Rich Code за работой.
02 / 07 — КАРТА ЗАДАЧ И ПРИОРИТЕТОВ

Проверить.

Любопытство полезнее догадок.

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

  • Аудит текущего сайта
  • Спрос и структура страниц
  • Гипотезы для проверки

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

Обсудить этот этап ↗
Найти идею. Персонажи Rich Code за работой.
03 / 07 — ПОНЯТНАЯ КОНЦЕПЦИЯ

Найти идею.

Чтобы было что запомнить.

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

  • Визуальная идея
  • Тон и ключевые сообщения
  • Примеры экранов и движения

Идея должна выдержать не только красивый главный экран. Проверяем её на внутренних страницах, телефоне и реальном контенте.

Обсудить этот этап ↗
Придать форму. Персонажи Rich Code за работой.
04 / 07 — МАКЕТЫ, ГОТОВЫЕ К СБОРКЕ

Придать форму.

Красиво — когда всё на месте.

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

  • Прототип и дизайн
  • Мобильные сценарии
  • Система компонентов

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

Обсудить этот этап ↗
Собрать. Персонажи Rich Code за работой.
05 / 07 — РАБОЧАЯ ВЕРСИЯ

Собрать.

Теперь это можно нажать.

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

  • Разработка и интеграции
  • Формы и рабочие сценарии
  • Проверка на устройствах

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

Обсудить этот этап ↗
Запустить. Персонажи Rich Code за работой.
06 / 07 — ПРОЕКТ В РАБОТЕ

Запустить.

И проверить, что всё живёт.

Проходим путь посетителя целиком. Проверяем содержание, переходы, обращения, поисковые настройки и аналитику. Передаём проект с понятными инструкциями.

  • Контент и финальная проверка
  • SEO и настройка измерений
  • Запуск и передача

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

Обсудить этот этап ↗
Продолжить. Персонажи Rich Code за работой.
Rich Code
07 / 07 — ПЛАН РАЗВИТИЯ

Продолжить.

Бренд должен быть виден.

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

  • Материалы для продвижения
  • Проверка пути до обращения
  • Следующие улучшения

Новый канал, новая услуга, новая аудитория — визуальный характер остаётся узнаваемым. А решения принимаем по реальным данным.

Обсудить этот этап ↗

Начнёмс разговора?

Обсудить проект ↗На главную ↗