Оформление главной страницы сайта

Когда пользователь оказывается на сайте, он в считанные секунды составит свое впечатление о вашем бизнесе и первое, что он увидит – главная страница. Будет ли она понятна, красива и удобна? От этого зависит останется пользователь на сайте и купит ваш продукт или нет. В этой статье мы собрали все основные принципы, которыми стоит руководствоваться при создании дизайна и наполнения главной страницы сайта компании. После прочтения этой статьи вам будет намного легче составить прототип главной страницы или техническое задание для подрядчика.

Зачем нужна главная страница

Главная страница выполняет основную задачу на вашем сайте – донесение предложения при первом контакте. Она является «базовой точкой» путей клиента по сайту. Пользователь всегда может вернутся на «Главную», выбрав пункт в меню, и с нее перейти в другие разделы сайта. Также главная страница обеспечивает быстрый доступ к таким элементам сайта, как корзина или личный кабинет. Эффективная главная страница сайта должна обладать следующими характеристиками:

1. Информативность
2. Отвечать запросу целевой аудитории
3. Функциональность и удобная навигация
4. Содержать призывы к действию
5. Быть визуально привлекательной

Логотип

Наличие логотипа на сайте — это не просто дань корпоративному стилю, логотип важный навигационный инструмент. Кликнув на любой внутренней странице сайта на логотип, пользователь попадает на главную страницу. Это сильно упрощает навигацию по сайту.

Навигация

Пользователи вашего сайта, также посещают огромное количество ресурсов. В структуре навигационных меню наблюдаются общие тенденции, к которым привыкают пользователи (например, верхнее закрепленное меню и его дубль в футере и тд.). Старайтесь не отходить от общепринятых принципов при построении навигации по сайту, а все инновации внедряйте только после тщательного тестирования. Конечно, веб-дизайн — это творчество, но удивляя пользователя старайтесь не вводить его в замешательство.

Подвал на сайте

Подвал, или footer - это блок в самом низу сайта, который обычно дублирует навигационные кнопки верхнего меню сайта, а также содержит дополнительную информацию технического характера. Обычно в футере находятся данные об ОГРН и ИНН компании, копирайты, логотип студии разработчика, ссылки на политики конфиденциальности и другие документы. Многие считают, что на данный момент наличие футера на сайте является атавизмом. Мы считаем, что пренебрегать этим классическим элементом нельзя.

Каким должен быть оффер

Оффер - это предложение, которое ваш бизнес делает потенциальному покупателю на вашем сайте. Оно должно быть представлено в виде текста на первом экране. Предложение может быть описано несколькими заголовками или абзацем. Грамотно составленное и эффективное предложение должно отвечать на вопросы: о чем ваш сайт, что предлагает ваш бизнес, в чем преимущества этого продукта. Некоторые смыслы можно проиллюстрировать хорошо подобранным тематическим изображением. Также на первом экране уместно разместить кнопки с призывом к действию.

Материал для руководителя по маркетингу

Александр Апраксин

Директор компании MWI

12 + лет работаем с руководителями по маркетингу

Мы работаем с руководителями по маркетингу и их помощниками более 12 лет и отлично понимаем, с какими проблемами и задачами вы сталкиваетесь.

Специально для вас, мы подготовили материалы, которые помогут вам в вашей работе с онлайн-проектами. Какое-то время мы будем раздавать их бесплатно, но скоро уберем их из открытого доступа.

Александр Апраксин

Директор компании MWI

Больше пользы
в Телеграме

137
способов привлечения клиентов

Пример маркетингового
плана на 3 месяца

KPI отдела маркетинга

Скачать документы

Приоритет на целевом действии

Чем больше возможностей перейти на какую-либо страницу будет у пользователя, тем выше шанс, что он выберет не ту, которая вам нужна. Хорошим решением при проектировании главной страницы – разумный компромисс между функциональными элементами и изображениями. Например, первый экран главной страницы лучше «отдать» основному офферу вашего бизнеса, тематически уместному изображению и кнопке с целевым действием.

Разработка фирменного стиля

заказать услугу

Применение изображений

Одной из важных составляющих дизайна главной страницы сайта являются изображения. Изображения могут передавать смысл оффера, задавать настроение, передавать эмоции – все это обеспечивает положительное восприятие вашего сайта. При выборе изображений важно исключить бросающуюся в глаза пользователя «стоковость», которую можно найти на многих сайтах. Вместо стоковых старайтесь использовать свои фотографии. Пусть даже они будут не профессионального качества, но пользователь сможет понять, что у вас реально существуют сотрудники, производство, магазины и клиенты.

Мы разобрали основные элементы, из которых состоит главная страница. Они универсальны и встречаются на сайтах различных тематик. Теперь разберем «основной состав» главной страницы: интернет-магазина, сайта с услугами, сайта-презентации продукта и корпоративного сайта.

Главная страница интернет-магазина

Сама по себе структура интернет-магазина достаточно сложная, проект имеет много страниц и ссылок между ними. На «главной», как правило:

• товарный каталог с фильтрацией по ценам, популярности и брендам
• «плитки» нескольких товаров из различных категорий (например, бестселлеры или товары со скидками)
• информация об акциях
• ссылки на личный кабинет и корзину
• адрес и контактная информация

Будет не лишним добавить на главную форму связи со специалистом или онлайн-чат. Это облегчит коммуникацию пользователя с вашим бизнесом.

Главная страница с услугами

Сайтов такой направленности много в интернете, их основная задача –презентовать услугу в выгодном для пользователя свете через донесение преимуществ работы именно с этой компанией. В таком случае на «главной» мы размещаем:

• преимущества работы с вашей компанией
• перечень оказываемых услуг с кратким описанием
• цены на основные виды услуг
• портфолио с выполненными работами и отзывами от ваших клиентов
• форма заявки и контактная информация

Главная страница «продуктового» сайта

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

• подробное описание вашего продукта
• фотографии продукта
• преимущества продукта перед конкурентами
• отзывы и обзоры на продукт
• информацию о вашей компании
• один или несколько блоков с призывом купить

Главная страница сайта компании

Основные задачи корпоративного сайта – эффективно презентовать вашу компанию и ваши продукты целевой аудитории. Главная должна содержать:

• описание основных продуктов (для каждого из продуктов можно выделить отдельную «продуктовую» страницу)
• преимущества работы с вашей компанией
• миссию и историю компании

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

Наряду с обязательными блоками на главной странице есть «фишки», которых стоит избегать или проводить тесты перед внедрением. Итак, разберем ошибки:

• музыка или звуки, которые воспроизводятся автоматически. Это могут быть видеоролики с автозапуском и тд.
• рекламные баннеры
• нечитаемый шрифт
• грамматические ошибки
• очень большое количество элементов на сайте