Порядок разделов страницы обеспечивает удобный путь посетителя в рамках одной страницы. Сначала отображается горизонтальная панель навигации с областью логотипа и ссылками «Главная» и «Целевая страница», при этом HTML-код также включает мобильное меню навигации. Затем темный первый экран задает контекст фитнес-тренировок и предлагает действие «Записаться на экскурсию сегодня» до того, как пользователи дойдут до каталога команды. Это дает вводному разделу четкую цель без необходимости распределять ключевую информацию по нескольким URL.
Раздел «Познакомьтесь с командой» расширяет сценарий просмотра до восьми отдельных профилей. В каждой карточке используются круглые фотографии, поле для имени, название должности и кнопка «Биография», что позволяет посетителям перейти от общего знакомства к подробной информации о конкретном наставнике. Такие роли, как Главный тренер, Генеральный менеджер, Тренер и Гуру кроссфита, вносят понятные различия между карточками, сохраняя при этом единый визуальный шаблон. Повторяющиеся ряды также формируют легко узнаваемую центральную часть длинной страницы.
Финальный желтый блок контактов выступает в роли завершающей точки в этой последовательности. На расположенной по центру белой панели находятся поля для имени, эл. почты, телефона, даты и сообщения, а затем кнопка «Отправить». Контраст между желтым фоном и белой формой отделяет зону обратной связи от информации о тренерах, а темный подвал обозначает конец страницы. В итоге получается непрерывный маршрут от знакомства через изучение команды к контакту.
При использовании Конструктор шаблонов одной страницы вы сможете настраивать цвета, шрифты, верхний и нижний колонтитулы, макет, столбцы и другие элементы дизайна, а также контент и изображения.
Организуйте веб-сайт как последовательность разделов на одной странице и используйте Меню для одностраничного сайта для связи пунктов меню с отдельными блоками страниц. Посетители смогут переходить непосредственно к таким разделам, как «О нас», «Услуги», «Отзывы» или «Контакты», не открывая отдельные страницы.
Одностраничный шаблон может объединить несколько частей небольшого веб-сайта на одной непрерывной странице. Расположите заголовок, введение, услуги, портфолио, информацию о компании, отзывы, контактные данные и другие соответствующие разделы в порядке, подходящем для проекта, сохраняя при этом доступность через навигацию на одной странице.
Для длинных одностраничных веб-сайтов используйте короткие метки навигации, связанные с важными разделами, чтобы посетители могли перемещаться по странице, не полагаясь только на прокрутку. Также можно использовать элемент Вернуться наверх, чтобы быстро вернуться к началу после более длинных разделов.
Такой подход делает шаблон подходящим для компактных веб-сайтов, которым требуется несколько отдельных разделов контента, при этом весь пользовательский опыт должен быть сосредоточен на одном URL-адресе.