Дизайн сайта

Дизайн сайта под задачи посетителя

Сначала разберёмся, кому и зачем нужна страница

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

Обсудить дизайн сайта

01

Новый сайт и редизайн начинаются по-разному

  • Новый сайтСобираем требования и проектируем структуру.
  • РедизайнПроверяем, что работает и где возникают затруднения; фиксируем важные сценарии и элементы для сохранения.

Возраст интерфейса сам по себе не основание менять всё.

02

Прототип показывает смысл до визуального стиля

  1. СодержаниеРасполагаем предложение, условия и доказательства по ходу выбора.
  2. СтруктураСравнение оформляем таблицей, этапы связываем, навигацию отделяем от преимуществ.
  3. ДействиеВыделяем главный следующий шаг; похожим элементам задаём одинаковое поведение.

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

03

Адаптация и состояния входят в интерфейс

  • Ключевые экраны и переходы.
  • Ошибки формы, пустые результаты и загрузка там, где они нужны.
  • Мобильная версия с сохранением смысла и приоритетов.
  • Цвета, типографика, сетка и компоненты в рамках бренда.

Спорные решения можно проверить на представителях аудитории в отдельном согласованном исследовании.

04

Передача разработчику

  • Редактируемые макеты.
  • Библиотека компонентов и правила использования.
  • Согласованные исходники графики.
  • Описание поведения элементов и адаптации.

Разработку можно включить отдельным этапом или передать материалы вашей команде. Объём консультационной поддержки при вёрстке согласуем.

05

Как согласуем стоимость и изменения

Объём определяют типы страниц, состояния, исследования и графические материалы. Количество вариантов и кругов правок согласуем до начала; смена согласованного направления требует пересмотра состава. Цена и календарь закрепляются после брифа. Проверку после внедрения и оценку показателей согласуем отдельно. При сравнении учитываем изменения трафика и предложения.

06

Обсудим, что должен изменить дизайн

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

Обсудить дизайн сайта

07

Вопросы и ответы

Можно заказать только прототип?

Да. Согласуем состав страниц, содержания и интерактивности отдельно от визуального дизайна.

Нужен ли брендбук?

Если он есть, используем его как рамку. Если нет, согласуем необходимые визуальные правила в составе задачи, не называя это автоматически полным брендингом.

Сколько правок входит?

Количество кругов правок, границы этапов и порядок изменения направления фиксируем до начала работ.

Вы передаёте редактируемые файлы?

Да. Макеты, компоненты и согласованные исходники передаём в редактируемом виде.

Как доказать улучшение конверсии?

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