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