Сначала ясность, потом эффект

Человек впервые открыл сайт и ничего о вас не знает. Ему нужно понять, что вы предлагаете, кому это подходит и зачем читать дальше. Заголовок может быть смелым и образным, но рядом мы ставим пояснение. Визуальная идея привлекает внимание, а смысл объясняет текст.

Мы собираем страницу в последовательность

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

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

Заканчивается страница следующим шагом. Это контакт, форма или переход на подробную страницу.

У каждого блока должна быть причина

Про каждый раздел мы спрашиваем: что нового узнает человек? На какой вопрос получит ответ? Поможет ли это ему решиться? Если блок повторяет сказанное или просто занимает место, мы его сокращаем. На выразительных сайтах с крупными шрифтами и анимацией это особенно заметно, подробнее об этом в статье «Анимации на сайте: когда вау помогает, а когда мешает?».

Дизайн ведёт взгляд

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

Телефон проектируем отдельно

На телефоне меняются порядок блоков, длина заголовков и сам способ взаимодействия. Просто уменьшить версию для компьютера не получится, поэтому мобильную композицию мы продумываем отдельно. Что чаще всего мешает на маленьком экране, мы разбирали в статье «Красивый сайт, с которого хочется уйти».

Главная — не единственная дверь

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

Коротко

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

— SOMO STUDIO