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