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

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

Все блоки в библиотеке удобно разделены по темам

1. Обложка

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

Готовый блок из раздела «Базовые блоки»

2. Портфолио

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

Готовый блок из раздела «Превью»

3. Заявка на съемку

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

Также вместо формы заказа можно разместить блок, в котором фотограф рассказывает о себе. Этот повышает доверие и помогает наладить контакт. Если вы хотите на главной странице сайта рассказать о себе, используйте готовые блоки из раздела «Об авторе».

Готовый блок из раздела «Формы заказа»

4. Лента Инстаграма

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

Готовый блок из раздела «Социальные сети»

Вуаля! За 10 минут мы собрали главную страницу для сайта фотографа. Осталось лишь заменить фотографии и тексты в готовых блоках на свои, — и главная страница готова!

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