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