Структура длинной страницы выделяет каждой крупной категории моды отдельное место в рамках единого непрерывного документа. Открывающий главный экран ZARA служит исходной точкой маршрута, за которой следует редакционный блок женской линейки, представляющий новую коллекцию с помощью текста, многослойных изображений и фотографии в рамке. Слайдер TRF формирует следующую выразительную визуальную остановку перед тем, как зона из двух женских товаров переводит интерес к коллекции на конкретные предметы одежды и указанные цены.
Вторая половина страницы продолжает цепочку контента введением в тренды мужской моды, затем переходит к тематическому разделу коллекции KIDS и сопутствующим товарным презентациям. Такое распределение позволяет посетителям последовательно изучать несколько содержательных зон, не сжимая материалы для женщин, мужчин и детей в один перегруженный блок. Повторяющаяся схема из редакционного вступления, визуальной подачи коллекции и показа товаров также помогает посетителю легко считывать логику взаимосвязи между разделами.
Лента из пяти кадров создает легкую визуальную точку завершения после более плотных торговых блоков. Она продлевает общую атмосферу моды, не вводя дополнительную крупную категорию или конкурирующий список товаров. Таким образом, дизайн успешно работает как одностраничная информационная структура, поскольку порядок разделов поддерживает последовательное движение по ключевым этапам: бренд, женская коллекция, TRF, женские товары, мужские тренды, KIDS, детские товары и заключительные фотокадры. В этом заключается очевидное преимущество навигации и структуры подачи контента, принципиально отличное от сведения страницы к единственному конверсионному действию.
При использовании Конструктор шаблонов одной страницы вы сможете настраивать цвета, шрифты, верхний и нижний колонтитулы, макет, столбцы и другие элементы дизайна, а также контент и изображения.
Организуйте веб-сайт как последовательность разделов на одной странице и используйте Меню для одностраничного сайта для связи пунктов меню с отдельными блоками страниц. Посетители смогут переходить непосредственно к таким разделам, как «О нас», «Услуги», «Отзывы» или «Контакты», не открывая отдельные страницы.
Одностраничный шаблон может объединить несколько частей небольшого веб-сайта на одной непрерывной странице. Расположите заголовок, введение, услуги, портфолио, информацию о компании, отзывы, контактные данные и другие соответствующие разделы в порядке, подходящем для проекта, сохраняя при этом доступность через навигацию на одной странице.
Для длинных одностраничных веб-сайтов используйте короткие метки навигации, связанные с важными разделами, чтобы посетители могли перемещаться по странице, не полагаясь только на прокрутку. Также можно использовать элемент Вернуться наверх, чтобы быстро вернуться к началу после более длинных разделов.
Такой подход делает шаблон подходящим для компактных веб-сайтов, которым требуется несколько отдельных разделов контента, при этом весь пользовательский опыт должен быть сосредоточен на одном URL-адресе.