На странице представлено достаточное количество обособленных групп контента, чтобы она воспринималась как удобное для навигации одностраничное пространство, а не как однородный баннер кампании. Начальный раздел «Новая коллекция» задает отправную точку, после чего блок «ЛЮБОВЬ И МОДА» представляет подарочные карты в качестве отдельного смыслового пункта. Затем следует раздел «Голоса Дня святого Валентина» со своим сообщением о коллекции и действием «Смотреть коллекцию», позволяя посетителям переходить от сезонного знакомства к подаркам и вещам из коллекции, не покидая страницу.
Обзор денима Divided и датированная публикация об унисекс-дизайне служат еще двумя тематическими блоками с разными информационными задачами. Один посвящен коллаборации с Eytys и стилю денима, а другой представляет редакционный текст рядом с крупным модным снимком и датой 01/03/2019. Это различие принципиально для одностраничной навигации: пользователи могут сразу выбрать интересующий тип информации, не прокручивая однотипные рекламные материалы.
Блок «Внутри H&M» добавляет компактную журнальную подборку с изображениями аксессуаров и действием «Читать далее». Завершающий раздел UNiDAYS обращается к студентам как к отдельной аудитории. Эти разделы выступают полноценными смысловыми точками единого документа, а повторяющиеся приемы разделения экрана и коллажей помогают посетителям легко считывать границы тем. Визуальная иерархия страницы стимулирует изучение по разделам, сохраняя единый URL кампании и связный ритм модного журнала.
При использовании Конструктор шаблонов одной страницы вы сможете настраивать цвета, шрифты, верхний и нижний колонтитулы, макет, столбцы и другие элементы дизайна, а также контент и изображения.
Организуйте веб-сайт как последовательность разделов на одной странице и используйте Меню для одностраничного сайта для связи пунктов меню с отдельными блоками страниц. Посетители смогут переходить непосредственно к таким разделам, как «О нас», «Услуги», «Отзывы» или «Контакты», не открывая отдельные страницы.
Одностраничный шаблон может объединить несколько частей небольшого веб-сайта на одной непрерывной странице. Расположите заголовок, введение, услуги, портфолио, информацию о компании, отзывы, контактные данные и другие соответствующие разделы в порядке, подходящем для проекта, сохраняя при этом доступность через навигацию на одной странице.
Для длинных одностраничных веб-сайтов используйте короткие метки навигации, связанные с важными разделами, чтобы посетители могли перемещаться по странице, не полагаясь только на прокрутку. Также можно использовать элемент Вернуться наверх, чтобы быстро вернуться к началу после более длинных разделов.
Такой подход делает шаблон подходящим для компактных веб-сайтов, которым требуется несколько отдельных разделов контента, при этом весь пользовательский опыт должен быть сосредоточен на одном URL-адресе.