Разработка дизайна сайта

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

Не пытаемся разместить на главной всё содержание сайта. Её задача — помочь выбрать нужный маршрут и дать основания продолжить знакомство.

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

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

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

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

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

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

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

Изменение структуры согласуем с разработкой и SEO. Проектируем новые маршруты и учитываем переходы со старых адресов.

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

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