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