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