Выразительный контраст между лайфстайл-изображением и колонкой с предложением по центру придает блоку индивидуальность, позволяя ему оставаться заметным разделом в структуре сплошной страницы. Изображение слева обозначает начало зоны специального предложения, а правая часть объединяет сообщение «Скидка 50%», пояснительный текст, плашку с промокодом Happy50 и кнопку «Купить сейчас» в самодостаточный информационный блок.
Его назначение на одностраничном сайте — в первую очередь информационное и навигационное: посетители попадают на четко очерченное торговое предложение внутри общей последовательности, которая также может включать приветственные блоки, описания товаров, разделы категорий или контактные данные. Кнопка добавляет возможность быстро перейти к покупке, однако функциональная ценность блока не сводится к закрытию всего пути к конверсии. Выравнивание по центру и достаточные отступы позволяют обособить этот блок от смежного контента без перехода на отдельную страницу.
Темно-угольный фон обеспечивает аккуратное визуальное разделение, а желтый шрифт скидки и светлая плашка с кодом помогают посетителям быстро распознать промоакцию при прокрутке страницы. В дальнейшем в проекте одностраничника к подобным разделам можно привязать якорную навигацию, но сам рассматриваемый блок служит именно контейнером контента. Инструмент Menu For One-Page Site от Nicepage позволяет настроить навигацию по разделам на уровне родительской страницы, если она для этого предназначена.
При использовании Конструктор шаблонов одной страницы вы сможете настраивать цвета, шрифты, верхний и нижний колонтитулы, макет, столбцы и другие элементы дизайна, а также контент и изображения.
Организуйте веб-сайт как последовательность разделов на одной странице и используйте Меню для одностраничного сайта для связи пунктов меню с отдельными блоками страниц. Посетители смогут переходить непосредственно к таким разделам, как «О нас», «Услуги», «Отзывы» или «Контакты», не открывая отдельные страницы.
Одностраничный шаблон может объединить несколько частей небольшого веб-сайта на одной непрерывной странице. Расположите заголовок, введение, услуги, портфолио, информацию о компании, отзывы, контактные данные и другие соответствующие разделы в порядке, подходящем для проекта, сохраняя при этом доступность через навигацию на одной странице.
Для длинных одностраничных веб-сайтов используйте короткие метки навигации, связанные с важными разделами, чтобы посетители могли перемещаться по странице, не полагаясь только на прокрутку. Также можно использовать элемент Вернуться наверх, чтобы быстро вернуться к началу после более длинных разделов.
Такой подход делает шаблон подходящим для компактных веб-сайтов, которым требуется несколько отдельных разделов контента, при этом весь пользовательский опыт должен быть сосредоточен на одном URL-адресе.