Последовательность страницы в формате лонгрида отводит каждой важной содержательной зоне отдельное место в рамках единого непрерывного документа. Начальный главный экран представляет коллаборацию Happy Socks и Sunday Somewhere с помощью портрета, панели заголовка, описательного текста и действия «Читать далее». Широкая лайфстайл-фотография служит визуальной паузой, после чего разделенная секция «Солнцезащитные очки «Веселье на солнце»» предлагает первую сфокусированную историю о товаре с наложенными друг на друга изображениями и кнопкой покупки.
Следующие разделы расширяют информационное знакомство, а не просто повторяют коммерческий посыл. Панель Sunday Somewhere раскрывает детали коллаборации рядом с эффектной фотографией, а еще одно изображение во всю ширину отделяет этот рассказ от подборки из четырех товаров. В товарной зоне представлены Fun In The Sun, Pink Flamingo, Put The Lime In The Coconut и Fading Sun Sunglasses как близкие по стилю, но самостоятельные модели, каждая из которых снабжена изображением, ценой и кнопкой покупки. Таким образом, посетители могут переходить от контекста к ключевой модели и сравнению всей линейки, не покидая страницу.
За списком товаров следует еще одна полоса с изображениями, ведущая к разделу «Наша история» и второму материалу о коллаборации. Эти разделы создают дополнительные смысловые точки для тех посетителей, которым после знакомства с продукцией важен контекст бренда. Заключительный блок «Соцсети» вновь меняет назначение страницы, предлагая центрированный призыв поделиться публикацией, хештег и три иконки социальных сетей. Такая последовательность обеспечивает удобную навигацию в рамках одной страницы для решения сразу нескольких задач: знакомства, просмотра редакционных снимков, изучения ассортимента, погружения в историю бренда и распространения контента.
При использовании Конструктор шаблонов одной страницы вы сможете настраивать цвета, шрифты, верхний и нижний колонтитулы, макет, столбцы и другие элементы дизайна, а также контент и изображения.
Организуйте веб-сайт как последовательность разделов на одной странице и используйте Меню для одностраничного сайта для связи пунктов меню с отдельными блоками страниц. Посетители смогут переходить непосредственно к таким разделам, как «О нас», «Услуги», «Отзывы» или «Контакты», не открывая отдельные страницы.
Одностраничный шаблон может объединить несколько частей небольшого веб-сайта на одной непрерывной странице. Расположите заголовок, введение, услуги, портфолио, информацию о компании, отзывы, контактные данные и другие соответствующие разделы в порядке, подходящем для проекта, сохраняя при этом доступность через навигацию на одной странице.
Для длинных одностраничных веб-сайтов используйте короткие метки навигации, связанные с важными разделами, чтобы посетители могли перемещаться по странице, не полагаясь только на прокрутку. Также можно использовать элемент Вернуться наверх, чтобы быстро вернуться к началу после более длинных разделов.
Такой подход делает шаблон подходящим для компактных веб-сайтов, которым требуется несколько отдельных разделов контента, при этом весь пользовательский опыт должен быть сосредоточен на одном URL-адресе.