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

Вспомните любое ваше посещение какого-либо сайта – буквально каких-то нескольких секунд хватает, чтобы понять, задержитесь ли вы здесь или закроете сайт и продолжите поиски.

Главная страница, на английском homepage — та самая входная дверь в компанию, которая должна зацепить ваше внимание как можно крепче, и убедить продолжить знакомство с веб-ресурсом, а может и совершить ожидаемое целевое действие. Через эту входную дверь проходит львиная доля трафика.

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

Главная задача домашней страницы

Первым делом – это приветствие посетителя сайта и небольшая презентация компании и ее предложений для аудитории. Ее элементы выполняют следующие задачи:

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

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

Что обязательно должно быть на старте?

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

Ценностное предложение

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

Достоинства

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

Доказательства

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

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

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

Побуждение к действию

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

Что еще необходимо учесть?

Дальше – больше. А именно, нужно учесть еще целых десять основных обязательных элементов дизайна. Начнем по порядку:

1. Логотип и элементы брендинга

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

2. Слоган и поле деятельности

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

3. Понятная навигация

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

4. Иллюстрации в стиле компании

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

5. Привлекательное оформление текста

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

6. Краткий обзор для товаров и услуг

Мы уже писали, что избыток текста играет против вас, но недостатка тоже быть не должно. Внесите краткое описание к каждому товару или услуге, чтобы отмести лишние вопросы и сомнения аудитории. Также эти маленькие обзоры повысят рейтинг страницы и помогут ей чаще появляться в выдаче по похожим запросам, увеличивая конверсию сайта.

7. Текстовое наполнение

Все элементы важны, но этот особенно. Сделайте тексты на вашем сайте простыми и понятными, ведь язык сайта имеет большое значение. Опишите не только то, чем вы занимаетесь, но и почему эта деятельность полезна для пользователей. Не стоит употреблять профессиональные термины или сложные слова, лучше, если контент будет легким и располагающим к прочтению.

8. Информация о сотрудниках

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

9. Футер страницы (нижнее меню)

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

10. Весомый аргумент – видеоконтент

Статистика показывает, что более 70% покупателей более охотно покупают товар или оформляют услугу после просмотра демонстрационного видеоролика, а значит такой контент становится незаменимой частью стартовой страницы. Это прекрасный способ потребления контента, а еще он идеально подходит для перепрофилирования, обобщения информации и консолидации. Топ фрилансов на бирже микрозадач Iworki обязательно выдаст хотя бы одно предложение по монтажу продающего или информационного видеоролика. Пользуйтесь!

Чего точно не стоит делать

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

Медленная загрузка

Следуя трендам и модным течениям вы можете “напихать” homepage видеороликами или анимацией, но важно помнить, что все эти плюшки перегружают страницу и скорость ее загрузки может снизиться. Идеальное время ожидания составляет 2 секунды. Если нужно ждать дольше, скорее всего, потенциальные клиенты не будут терять свое время на ожидание открытия интересной захватывающей анимации, призванной оставить неизгладимое впечатление. К сожалению, пользователь запомнит не ее, а потраченное время на ожидание ее загрузки. Проводите регулярное тестирование скорости и вносите своевременные корректировки при необходимости.

Плохая узнаваемость

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

Непонятное меню

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

Избыток информации

Мы уже упоминали выше про идеальный баланс контекста – не слишком много, но и не слишком мало. Используйте емкие, но профессиональные фразы, чтобы не “лить воду” в тексте, но и главное не упустить. Если у вас не ладится с написанием текстов, помните, что заработок в интернете вышел на новый уровень, поэтому любую услугу, в том числе и наполнение сайта текстом, можно заказать онлайн.

Навязывание покупки

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

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

Примеры идеальных стартовых страниц

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

Dropbox

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

BurgerKing

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

Ferro

 

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

Airbnb

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

eWedding

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

Резюмируем

Имейте ввиду, что сколько бы времени вы не потратили на проработку интерфейса, на написание текстов и отрисовку иллюстраций, работа никогда не будет завершена до конца. Всегда нужно будет что-то дополнять, корректировать, менять. Мы живем в слишком изменчивом и нестабильном мире и чтобы неизменно оставаться интересным и востребованным ресурсом, нужно постоянно что-то оптимизировать. Это процесс без конца и края. Не забывайте о тестированиях, которые помогут вам выявлять слабые места. Если ваша цель всегда быть на волне успеха, то эти процессы покажутся вам интересным и увлекательным занятием.

Не бойтесь и не стесняйтесь экономить свое время и обращаться на фриланс площадки, чтобы профессионалы в сфере дизайна и верстки могли помочь вам в создании и поддержании идеала.

С пользой для вас, биржа микрозадач iworky.ru.