Продуманная структура страницы выделяет для каждой важной темы ресторана отдельное место, не требуя от посетителя переходить в другие разделы сайта. Знакомство с John's Pizzeria начинается с вступительного текста, контактных данных, фуд-фотографий и действия «Посмотреть меню». Следующий за ними ряд из четырех иллюстрированных категорий («О нас», «Деликатесы», «Пицца» и «Паста») служит компактным набором ориентиров, анонсирующих информацию, расположенную ниже.
Далее посетитель знакомится с меню «Пицца Италии» из шести карточек, темными колонками закусок и hero-секций, а также выделенным изображением «Great Pizza». Следующий оранжевый раздел «PIZZA» дополняет ассортимент региональными и фирменными категориями, а раздел «Наша история» переключает внимание со списка блюд на рассказ о самом заведении. Такая смена роли контента не дает странице превратиться в однообразный сплошной прайс-лист. Дополнительная кнопка меню в повествовательном блоке снова связывает историю с гастрономической частью.
Заключительный раздел «Часы работы» формирует еще одну важную точку взаимодействия, объединяя адрес, график работы и контактные данные в трех карточках. Темный футер логично завершает страницу. Такая компоновка отлично подходит для формата одностраничного сайта, поскольку меню, история заведения и практическая информация остаются достаточно обособленными для комфортного изучения, сохраняя при этом цельность общего повествования. Дизайну не требуется обязательное наличие якорной навигации: четко выверенного порядка секций вполне достаточно для комфортного восприятия.
При использовании Конструктор шаблонов одной страницы вы сможете настраивать цвета, шрифты, верхний и нижний колонтитулы, макет, столбцы и другие элементы дизайна, а также контент и изображения.
Организуйте веб-сайт как последовательность разделов на одной странице и используйте Меню для одностраничного сайта для связи пунктов меню с отдельными блоками страниц. Посетители смогут переходить непосредственно к таким разделам, как «О нас», «Услуги», «Отзывы» или «Контакты», не открывая отдельные страницы.
Одностраничный шаблон может объединить несколько частей небольшого веб-сайта на одной непрерывной странице. Расположите заголовок, введение, услуги, портфолио, информацию о компании, отзывы, контактные данные и другие соответствующие разделы в порядке, подходящем для проекта, сохраняя при этом доступность через навигацию на одной странице.
Для длинных одностраничных веб-сайтов используйте короткие метки навигации, связанные с важными разделами, чтобы посетители могли перемещаться по странице, не полагаясь только на прокрутку. Также можно использовать элемент Вернуться наверх, чтобы быстро вернуться к началу после более длинных разделов.
Такой подход делает шаблон подходящим для компактных веб-сайтов, которым требуется несколько отдельных разделов контента, при этом весь пользовательский опыт должен быть сосредоточен на одном URL-адресе.