Этот макет естественным образом делит единый документ на несколько содержательных информационных зон. Хедер задает основную навигацию и контекст поиска, после чего крупная вводная секция с доминирующим изображением создает стартовую точку страницы, сфокусированную на дизайне. Последующий редакторский текст может служить кратким профилем или описанием концепции перед тем, как посетители перейдут к галерее из шести изображений. Поскольку галерея обладает собственной визуальной выразительностью и действием для перехода к подробностям, ее можно рассматривать как самостоятельный содержательный этап в рамках той же страницы.
Следующий блок меняет характер информации без необходимости перехода на новый URL. Черная панель фриланс-дизайнера представляет человека, стоящего за этими работами, а три колонки с портретами дополняют рассказ о людях с помощью презентации команды. Пять элементов брендинга образуют еще один компактный смысловой блок, в то время как две панели с изображениями и поясняющий абзац обеспечивают дополнительную визуальную паузу. Эти переходы создают навигационные ориентиры, основанные на назначении контента: знакомство, работы, профиль, команда, сопроводительные визуальные материалы и контакты.
Нижняя область рассылки и социальных сетей отлично подходит на роль финального блока: перед футером она объединяет ссылки на соцсети, контактные данные, действие для дальнейшего чтения и заголовок рассылки. Присутствующие пункты «Главная», «О нас» и «Контакты» указывают на навигацию по странице, однако логика якорных переходов не подтверждена однозначно. Самого порядка секций вполне достаточно, чтобы воспринимать дизайн как цельный сценарий одностраничника с несколькими содержательными этапами, а не как единичный экран для конверсии.
При использовании Конструктор шаблонов одной страницы вы сможете настраивать цвета, шрифты, верхний и нижний колонтитулы, макет, столбцы и другие элементы дизайна, а также контент и изображения.
Организуйте веб-сайт как последовательность разделов на одной странице и используйте Меню для одностраничного сайта для связи пунктов меню с отдельными блоками страниц. Посетители смогут переходить непосредственно к таким разделам, как «О нас», «Услуги», «Отзывы» или «Контакты», не открывая отдельные страницы.
Одностраничный шаблон может объединить несколько частей небольшого веб-сайта на одной непрерывной странице. Расположите заголовок, введение, услуги, портфолио, информацию о компании, отзывы, контактные данные и другие соответствующие разделы в порядке, подходящем для проекта, сохраняя при этом доступность через навигацию на одной странице.
Для длинных одностраничных веб-сайтов используйте короткие метки навигации, связанные с важными разделами, чтобы посетители могли перемещаться по странице, не полагаясь только на прокрутку. Также можно использовать элемент Вернуться наверх, чтобы быстро вернуться к началу после более длинных разделов.
Такой подход делает шаблон подходящим для компактных веб-сайтов, которым требуется несколько отдельных разделов контента, при этом весь пользовательский опыт должен быть сосредоточен на одном URL-адресе.