Дизайн — статьи о сайтах
Первый экран — это часть страницы, которую видно без прокрутки. У стоматологической клиники он решает особую задачу. Человек часто приходит на сайт с конкретной заботой: нужно быстро найти, куда записаться, или сравнить несколько адресов рядом с домом. Решение «остаюсь или закрываю» он принимает за секунды, поэтому важнее красоты то, найдёт ли он ответы на свои вопросы сразу.
Какие вопросы посетитель задаёт себе в первые секунды
На первом экране посетителю нужны ответы на четыре вопроса. Туда ли я попал: это стоматология, а не «медицинский центр вообще». Где она находится. Как с ней связаться. Можно ли ей доверять. Акции, история клиники и список врачей вторичны и могут находиться ниже.
Заранее решите, какое одно действие вы хотите получить от главной страницы: звонок или заявку на запись. Один главный призыв и один запасной способ связи работают понятнее, чем пять равноценных кнопок.
Что поместить в видимую часть страницы
- Название и суть. Заголовок вроде «Стоматология в центре города: лечение, протезирование, имплантация». Перечисляйте только те услуги, которые клиника действительно оказывает.
- Телефон. Крупно, в шапке, с кодом города и часами работы рядом. Тогда не придётся искать, застанет ли человек администратора.
- Кнопка записи. Она ведёт на короткую форму: имя, телефон, удобное время. Каждое лишнее поле — повод бросить заполнение.
- Адрес и ориентир. Улица, ближайшее метро или остановка, ссылка «Как добраться» на страницу со схемой.
- Признак надёжности. Только проверяемые факты: сколько лет клиника работает, есть ли ссылка на лицензию. Громкие слова без подтверждения лучше не использовать.
- Одна настоящая фотография. Холл, кабинет или команда. Живой снимок убеждает лучше, чем безликая улыбка с фотобанка.
Что с первого экрана лучше убрать
- Автоматически сменяющийся слайдер: пока человек читает первый слайд, он уезжает, а телефон или кнопка могут оказаться на другом.
- Flash-заставку и анимацию, для просмотра которой нужен плагин: на iPhone и iPad она не откроется.
- Всплывающие окна и звук при загрузке: они раздражают и отвлекают от главного действия.
- Длинное приветствие о «заботе и внимании» без конкретики. Такие фразы подходят любой клинике, а значит, ничего не сообщают.
Условный пример: как может выглядеть первый экран
Возьмём вымышленную клинику «Пример-Дент»; это иллюстрация структуры, а не готовый шаблон.
- Шапка: слева логотип и название, справа телефон (000) 000-00-00, под ним «Ежедневно с 9 до 21».
- Заголовок: «Стоматология в центре города: лечение, протезирование, имплантация».
- Под заголовком одна строка: «Принимаем взрослых и детей» (если это правда) и кнопка «Записаться на приём». Рядом ссылка «Перезвоните мне» для тех, кто не хочет звонить сам.
- Справа фотография реального кабинета, под ней: «ул. Образцовая, 1, пять минут пешком от метро» и ссылка «Как добраться».
- Нижняя полоса с четырьмя пунктами: «Цены», «Врачи», «Лицензия», «Отзывы». Это следующие вопросы, которые обычно возникают у посетителя.
Как первый экран выглядит на телефоне
Человек, которому срочно нужна запись, часто ищет клинику с телефона. Поэтому номер должен быть нажимаемой ссылкой (формат tel:), чтобы звонок начинался одним касанием. Кнопки делайте достаточно крупными для пальца, а адрес — текстом, а не картинкой. Если сайт делается адаптивным или у него есть отдельная мобильная версия, проверьте шапку на реальных устройствах: на узком экране телефон и кнопка записи не должны уезжать под заголовок.
Проверочный список для главной страницы
- Без прокрутки видно, что это стоматология, и в каком районе или городе она находится.
- Телефон и часы работы читаются с первого взгляда.
- Есть один заметный способ записаться и запасной способ связи.
- Форма заявки содержит минимум полей.
- Адрес и ориентир указаны текстом, схема проезда в один клик.
- Нет автосмены слайдов, flash-заставок, звука и всплывающих окон.
- Все утверждения на экране можно подтвердить документами или фактами.
Простая проверка: покажите главную пяти незнакомым людям на пять секунд и спросите, что это за организация, где она и как записаться. Если кто-то затрудняется с ответом, переработайте экран. После запуска сравнивайте число звонков и заявок до и после изменений по данным счётчика посещаемости и телефонии, но не ждите гарантированного результата.
