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