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