Исследование и прототип
Изучаем существующий сайт и сценарии пользователей. Собираем структуру экранов до работы над оформлением.
Визуальная система
Подбираем типографику, цвета, изображения и элементы интерфейса. Учитываем фирменный стиль и содержание.
Адаптивные макеты
Прорабатываем ключевые экраны для компьютеров и телефонов, состояния элементов и передачу в разработку.
Дизайн начинается со сценария
Посетитель должен быстро понять предложение, найти нужную информацию и выполнить действие. Поэтому до выбора шрифтов и цветов разбираем аудиторию, состав разделов и приоритеты на странице. На прототипе проверяем последовательность блоков и навигацию, затем переходим к визуальной концепции.
Учитываем реальный контент: длинные названия, разное количество карточек, фотографии разного формата. Это помогает избежать ситуации, когда красивый макет перестаёт работать после наполнения.
Что передаём в разработку
Согласованные макеты ключевых страниц для широких и мобильных экранов, повторяющиеся компоненты и правила их использования. Для интерактивных элементов описываем состояния: наведение, открытие, загрузку, пустой результат и ошибку. Объём адаптивных макетов и авторского сопровождения фиксируем в задании.
Дизайн сайта и его программирование — разные этапы. Если разработкой занимается другая команда, заранее уточняем требования к передаче материалов и ограничения выбранной CMS. Если сайт делаем целиком, проверяем соответствие готовых страниц макетам.
По теме
С чего начать
Работаем над новыми сайтами и редизайном. Сначала согласовываем направление на ключевых экранах, затем развиваем его на остальные страницы.
Расскажите о задаче, пришлите ссылку на текущий сайт или примеры. Мы уточним детали и подготовим предложение с этапами работ.
Подробнее
Что согласуем на макетах
Не только первый экран: состав типовых страниц, мобильную навигацию, карточки, формы и состояния элементов. Если в каталоге нет фотографии или название занимает несколько строк, интерфейс должен оставаться понятным. На макетах используем характерные для проекта материалы, а не только идеальные короткие примеры.
Вопросы о дизайне
Можно заказать дизайн отдельно от разработки?
Да. До начала уточняем требования вашей команды к макетам и компонентам, формат передачи и объём сопровождения при вёрстке. Это помогает заранее учесть ограничения CMS.
Что делать, если фирменного стиля пока нет?
Обсудим, какие элементы нужны для сайта сейчас: логотип, типографика, цвета и работа с изображениями. Полноценный фирменный стиль — отдельная задача; его объём фиксируем отдельно от дизайна страниц.
Нужно ли повторять сайт-референс?
Референс помогает обсудить характер, ритм, типографику и навигацию. Итоговая структура строится вокруг вашего продукта и контента. Например, фотография материала играет в каталоге «Верничи» другую роль, чем события в сайте спортивного клуба.
