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