Организую разработку дизайна сайта: уточняю задачи, готовлю требования, согласую работу дизайнера и принимаю макеты. Дизайн выполняет выбранный исполнитель; я связываю решения с содержанием страниц, SEO и дальнейшей реализацией. Состав экранов, правки и стоимость фиксируем до старта.
Формат подходит для нового сайта или отдельных шаблонов, если нужна визуальная проработка до программирования. Это может быть страница услуги, раздел каталога, карточка или форма обращения. Сначала уточняем, какие решения уже приняты и что предстоит спроектировать.
Результат этапа — согласованный набор макетов и пояснений для реализации. Состав адаптивных состояний, компонентов, исходных файлов и прав на материалы фиксируем в задании. Вёрстка и подключение к CMS включаются в отдельную оценку.
Если ещё не определены разделы, URL и требования к шаблонам, можно начать с SEO-проектирования. Для полной замены действующего сайта с выпуском и проверкой адресов есть редизайн с SEO-сопровождением.
Количество шаблонов и состояний зависит от проекта и входит в смету.
| Задача | Состав работы |
|---|---|
| Задание | Сценарии посетителей, состав страниц, реальные материалы и ограничения платформы. |
| Визуальное направление | Шрифты, цвета, изображения и пример ключевого экрана для согласования подхода. |
| Шаблоны страниц | Согласованные экраны услуг, каталога или других разделов с содержанием подходящего объёма. |
| Мобильные состояния | Навигация, длинные заголовки, таблицы, карточки и формы на узком экране. |
| Передача в разработку | Компоненты, состояния ошибок и успешных действий, пояснения и исходные макеты. |
Красивый первый экран не заменяет ответа на вопрос посетителя. До отрисовки собираем реальные тексты, условия услуги, характеристики и примеры изображений. Проверяем, какие сведения нужны до обращения и какие можно раскрыть позже.
Дизайнер предлагает визуальное решение в рамках задания. Я проверяю, осталось ли место для нужного содержания, понятна ли навигация и можно ли реализовать решение на выбранной платформе. Разработчик заранее отмечает сложные или дорогие элементы.
Вместо макета с короткими заглушками проверяем правдоподобные данные: длинное название услуги, несколько вариантов товара, сообщение об ошибке формы. Это помогает согласовать поведение интерфейса до программирования.
В задании учитываем читаемые заголовки, место для основного текста, внутренние ссылки и путь по разделам. Для телефонов проверяем доступность важных сведений, управление меню и возможность завершить обращение. Визуальную и смысловую иерархию согласуем вместе.
Макет сам по себе не подтверждает индексацию, скорость или корректность HTML. Эти свойства проверяются после реализации. Если нужен контроль вёрстки и запуска, включаем его отдельным этапом с перечнем проверок.
На приёмке сравниваем комплект с заданием: все ли шаблоны и состояния готовы, учтены ли согласованные правки, доступны ли исходники. Порядок согласования, число раундов и ответственного со стороны заказчика определяем до работы дизайнера.
Готовность дизайна оценивается по комплекту макетов и выполнению согласованных требований. Удобство сценариев можно дополнительно проверять на прототипе; метод и участие пользователей согласуются отдельно.
Рост заявок нельзя доказать сдачей макетов. После внедрения для оценки поведения и целевых действий может понадобиться проект по конверсии. Дизайн не сопровождается обещанием роста позиций или продаж на фиксированный процент.
Собираем задачи, содержание и список макетов.
Выбираем визуальный подход на ключевом экране.
Дизайнер прорабатывает шаблоны и состояния, согласуем правки.
Проверяем комплект и передаём материалы разработчику.
Проект по согласованным макетам — по расчёту. На стоимость влияют число уникальных шаблонов, сложность сценариев, адаптивные состояния, наличие фирменного стиля и готовность материалов. Состав, сроки и ответственных согласуем до начала.
Иллюстрации, лицензии на материалы, вёрстка и программирование перечисляются отдельно. Дизайнер и формат передачи исходников согласуются до начала проекта. Форматы работы собраны на странице цен.
Пришлите адрес сайта или описание нового проекта, список нужных страниц и имеющиеся материалы. Первичное обсуждение бесплатно. Обсудить дизайн сайта.
Пришлите адрес сайта или описание нового проекта, список нужных страниц и имеющиеся материалы. Первичное обсуждение бесплатно; состав и стоимость согласуем до начала.