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