Процесс разработки

Что происходит между «нужен сайт» и публикацией.

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

Этапы

От брифа до запуска.

Процесс детализирован до результата этапа, а не до красивого названия «дизайн / код».

Погружение

Фиксируем задачу

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

Аналитика

Находим главное

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

Архитектура

Строим маршрут

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

Дизайн

Создаём характер

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

Разработка

Собираем систему

Верстаем адаптивно, подключаем WordPress, формы и нужные интеграции.

Проверка

Тестируем до запуска

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

Запуск

Передаём и развиваем

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

Контроль качества

Что проверяем перед публикацией.

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

Responsive

Размеры и переполнения

Проверяем 1920, 1440, 1280, 1024, 768, 430, 390 и 360 px как контрольные ширины.

Interaction

Ссылки и действия

Навигация, CTA, формы, раскрывающиеся блоки и фокус с клавиатуры не должны вести в тупик.

Content

Текст и изображения

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

Performance

Вес и движение

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

Accessibility

Контраст и управление

Проверяем alt, видимый focus, размер интерактивных зон и логичную иерархию заголовков.

Launch

После публикации

Повторно проверяем ключевые страницы и фиксируем всё найденное до завершения этапа.

Начнём с задачи

Расскажите, что нужно сделать.

Нескольких предложений достаточно. Структуру запроса и следующий шаг соберём сами.

Если на сайте подключён обработчик формы, он перехватит отправку. Без него браузер откроет письмо на hello@yo-web.agency, поэтому кнопка не остаётся пустым действием.