Хедер (шапка) сайта

Всем известно, что нет второго шанса произвести первое впечатление. Эта истина в сфере цифрового дизайна подкрепляется широким разнообразием имеющихся решений и высокой конкуренцией. При создании первого впечатления отдельные части веб-страницы становятся более значимыми, в сравнении с остальными, например, header для сайта.

Что такое хедер сайта?

Блок header в классическом макете располагается в самом верху. Именно его пользователи видят в первую очередь, попадая на ваш веб-проект. Хедер содержит основную информацию о продукте и нише, с которой связан сайт, являясь приглашением.

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

Что входит в шапку сайта?

Этот блок может в себя включать различные объекты:

1. Логотип, фирменный знак, название, лозунг, фото компании и т.п.;
2. Информация о представляемой услуге или продукте;
3. Ссылки на важные элементы контента (навигация/меню);
4. Линки на группы социальных сетей;
5. Контакты компании;
6. Переключение между языками при использовании многоязычного интерфейса;
7. Строка поиска;
8. Блок подписки;
9. Ссылки на продукт

Все указанные пункты не обязательно должны быть использованы в совокупности.

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

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