Как спроектировать главную страницу сайта: руководство

Создайте главную страницу с ясным предложением и действием. Свяжите три задачи посетителей с разделами, используйте макет сначала для мобильных устройств и скопируйте бриф и список проверок до и после.

За несколько секунд главная страница должна объяснить незнакомому посетителю, чем вы занимаетесь, для кого работаете и что ему делать дальше. Остальные элементы страницы поддерживают эти три ответа. В руководстве разбирается один обозначенный пример — вымышленная стоматология «Riverside Family Dental»: от предложения до макета и готового брифа.

1. Одно ясное предложение и одно следующее действие

Сформулируйте предложение одним понятным клиенту предложением: «Семейная стоматология в Riverside с вечерними приёмами». Затем выберите одно главное действие: «Записаться на приём».

2. Свяжите три реальные задачи посетителей с разделами

Подумайте о трёх самых частых причинах, по которым люди открывают главную страницу, и отведите каждой отдельный раздел. Для нашего примера:

Задача посетителяРаздел с ответом
«Они делают то, что мне нужно?»Список услуг: осмотры, детская стоматология, экстренная помощь, отбеливание
«Можно записаться на удобное время?»Часы работы с вечерними приёмами, кнопка записи, принимаемые страховые планы
«Можно ли им доверять?»Профили стоматологов с квалификацией, фото самой клиники и настоящие отзывы

Если раздел не помогает решить реальную задачу посетителя, удалите его или перенесите на другую страницу.

3. Схема страницы сначала для мобильных устройств

Большинство посетителей местных компаний открывают сайт с телефона, поэтому сначала проектируйте узкую версию:

[ Логотип ]                 [ Запись ]
------------------------------------------
H1: Семейная стоматология в Riverside,
    вечерние приёмы
Кратко: Принимаем новых пациентов. Работаем с большинством страховок.
[ Записаться на приём ]   Позвонить (нажмите)
------------------------------------------
Услуги (4 короткие карточки со ссылками на страницы)
------------------------------------------
Часы работы + адрес + ссылка на карту
------------------------------------------
Наши стоматологи (фото, имя, квалификация)
------------------------------------------
Отзывы (настоящие, с автором и источником)
------------------------------------------
Вопросы и ответы (3–5 частых вопросов)
------------------------------------------
[ Записаться на приём ]   Подвал: адрес, телефон, часы

На компьютере те же разделы можно расположить в колонках; их порядок должен оставаться прежним.

Пример дизайна главной страницы стоматологии, созданный We.Inc по запросу из одного предложения
Пример дизайна главной страницы We.Inc по запросу из одного предложения. Это не реальная клиника.

4. Подтверждённые сведения об услугах без выдуманных обещаний

5. Бриф главной страницы, который можно скопировать

БРИФ ГЛАВНОЙ СТРАНИЦЫ
Компания и место:
Предложение в одном предложении (H1):
Основное действие (текст кнопки):
Дополнительное действие:
Задача посетителя 1 -> раздел:
Задача посетителя 2 -> раздел:
Задача посетителя 3 -> раздел:
Какие подтверждения можем показать:
Стиль (два-три слова):

В We.Inc вставьте этот бриф в качестве исходного описания; конструктор создаст дизайн главной страницы, который затем можно редактировать нажатием на элементы.

Список проверок до и после

Начните создавать сайт

Выберите основу среди шаблонов бизнес-сайтов или узнайте, как работает конструктор сайтов We.Inc. План Free: до 3 сайтов на основе шаблонов с адресом we.inc. Создание сайтов с ИИ и собственные домены доступны начиная с плана Starter за $20/мес. (тарифы). Калькулятор стоимости сайта поможет сравнить варианты. Подробнее о главной странице — в руководстве как спроектировать главную страницу.

Создайте сайт для своей компании

Частые вопросы

Что должно быть на главной странице сайта?

Заголовок, который сообщает, чем вы занимаетесь и для кого, одно основное действие, разделы с ответами на главные вопросы посетителей (услуги, доступность и доверие), контактные данные и ссылки на подробные страницы.

Какой длины должна быть главная страница?

Она должна быть достаточно длинной, чтобы ответить на основные вопросы посетителей, и не длиннее. Для большинства небольших компаний достаточно пяти-восьми коротких разделов.

Riverside Family Dental — настоящая стоматология?

Нет, это вымышленный пример. Изображённый дизайн — пример We.Inc, созданный по запросу.

Начать бесплатно · Банковская карта не нужна

Product

Who It's For

Features

Resources

Company

View Sitemap