Ну что, получилось? 😉

В прошлый раз мы говорили, что сайт начинается не с кода, а с идеи. Я предлагал вам простое задание: написать 3 главные вещи, которые вы хотите донести своим сайтом, и нарисовать, как выглядит первый экран.

Все ли получилось?

Если да — отлично! Вы уже сделали первый и самый важный шаг. Если нет — не страшно. Вернитесь к заданию, когда будет минутка. Это не экзамен, а творчество.

А теперь важный анонс! 🚀

В следующих публикациях мы начнем разбирать первый экран сайта — hero-блок.

Что такое hero-блок?

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

Почему он так важен?

У вас есть всего несколько секунд, чтобы человек понял:

— куда он попал;
— что вы предлагаете;
— чем это может быть ему полезно;
— что делать дальше.

Если hero-блок цепляет, посетитель остаётся и листает дальше. Если нет — закрывает вкладку и уходит. Поэтому первый экран часто решает судьбу всего сайта.

Обычно hero-блок состоит из:

— яркого заголовка;
— подзаголовка с пояснением;
— кнопки действия («Купить», «Записаться», «Узнать больше»);
— картинки, фото или видео;
— иногда — коротких преимуществ.

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

А пока поделитесь в комментариях:

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