Создаем на Craftum: сайт-визитка для бизнеса

21 октября 2022 г.

Как создать сайт-визитку

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

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

Что же должно быть на сайте-визитке и как его создать – рассказываем в этой статье.

О чем рассказывать на сайте-визитке?

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

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

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

Блок 1: Обложка сайта

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

Как со всем этим работать – разбираемся далее. 

Шапка сайта

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

Пример шапки сайта

Шапка сайта из шаблона «Строительство коттеджей» в Craftum

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

Вот как это может выглядеть: 

Пример дескриптора на сайте

Шапка сайта из шаблона «Услуги бухгалтера» в Craftum

Оффер

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

Для составления оффера можно использовать метод 4U, который состоит из следующих критериев: 

  • Полезность. Клиент должен сразу понимать, какую выгоду он получит от вашего товара или услуги. Полезность может выражаться косвенно, то есть не в лоб говорить «этот продукт вам полезен тем-то», а показывать ту характеристику продукта, которая представляет ценность для клиента. Например, «Часы светятся – легко сможете посмотреть время ночью».
  • Срочность. Для покупателя важно знать, когда он получит результат от использования продукта. Например, «Починим телефон за 1 час». Также срочность может выражаться как период, в течение которого клиент может воспользоваться предложением. Например, «Скидка действует до 5 ноября». 
  • Ультраспецифичность. После того как вы покажете клиенту пользу, конкретизируйте ее в тех цифрах, которые для вас актуальны. Важно дать клиенту точные показатели выгоды, а не пустые обещания, как делают некоторые конкуренты, и так вы моментально повысите шанс, что клиент выберет ваш продукт.
  • Уникальность. Это отличие вашего продукта от других. Чтобы определить, в чем оно заключается, ответьте на вопросы: «Чем ваш продукт отличается от продуктов других компаний?» и «Почему клиенты должны выбрать именно ваш продукт?». 

В итоге у вас получится заголовок, который будет бросаться клиенту в глаза. Например, если у вас школа английского языка, то оффер может выглядеть так: «Говорите на английском уже после 12 занятий по авторской методике школы EnglishClub. Запись до 25 октября». 

Как составить оффер по формуле 4U пример

Давайте посмотрим, как такой заголовок устроен по формуле 4U:

  • полезность – говорите на английском;
  • ультраспецифичность – уже после 12 занятий;
  • срочность – запись до 25 октября;
  • уникальность – по авторской методике школы EnglishClub.

Если опустить один из компонентов, суть, конечно, будет понятна, но оффер уже не произведет такого мощного эффекта. При этом иногда бывает, что какой-то параметр из метода подобрать не получается, например «срочность». В таком случае можно сократить формулу до 3U.

Обратите внимание, что это не единственный подход составления оффера. Есть и другие, но именно 4U не теряет актуальности многие годы.

Призыв к действию

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

Вот как это может выглядеть: 

Пример призыва к действию на сайте

Первый экран сайта из шаблона «Гостиница для животных» в Craftum

Или вот так: 

Как сделать призыв к действию на первом экране сайта

Первый экран сайта из шаблона «Медицинская клиника» в Craftum

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

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

Блок 2: Преимущества

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

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

Вот как это может выглядеть: 

Как оформить преимущества на сайте

Блок с преимуществами из шаблона «Натяжные потолки» в Craftum

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

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

Блок 3: Услуги

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

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

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

Вот как такой блок может выглядеть на сайте: 

Пример блока с услугами

Блок с услугами из шаблона «Клининговая компания» в Craftum

Блок 4: О компании

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

Если нет возможности записать видео, то можно кратко рассказать о ценностях компании и дополнить это какими-то фактами, например «7 лет на рынке», «Успешно выполнено 300+ работ». 

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

Вот как это может выглядеть: 

Блок о компании на сайте пример

Блок из шаблона «Продажа квартир» в Craftum

Блок 5: Призыв к действию

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

Вот как это может выглядеть: 

Призыв к действию на сайте пример

Блок из шаблона «Продажа квартир» в Craftum

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

Пример призыва к действию на сайте

Блок из шаблона «Клининговая компания» в Craftum

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

Блок 6: Этапы работ

Такой блок подходит для компаний, которые оказывают сложные услуги, например дизайн интерьера. У клиента может возникнуть множество вопросов: «Что нужно для заказа?», «Как я получу желаемый результат?» и так далее. Мы можем закрыть все эти вопросы с помощью блока «Этапы работ». Достаточно рассказать, как происходит процесс работы, при этом писать полностью не стоит, лучше описать все кратко. Пользователи не любят слишком много читать, чаще всего они бегло проходятся по сайту, а когда видят массивный текст, вовсе избегают этого места. 

Пример блока с этапами работ на сайте

Блок из шаблона «Дизайн интерьера» в Craftum

Блок 7: Портфолио

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

Сам блок с портфолио может выглядеть как простая галерея: 

Пример блока с портфолио на сайте

Блок из шаблона «Строительство домов» в Craftum

Блок 8: Отзывы

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

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

Один из примеров отзывов на сайте: 

Как оформить отзывы на сайте пример

Блок из шаблона «Конные прогулки» в Craftum

Блок 9: Контакты

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

Как оформить блок с контактами на сайте

Блок из шаблона «Видеонаблюдение» в Craftum

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

Как создать сайт-визитку

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

Чтобы начать создавать сайт, вам не нужно сразу вносить оплату. Для каждого нового пользователя Craftum предлагает 10-дневный пробный период без ограничений. 

Для регистрации перейдите на официальную страницу и нажмите на кнопку «Создать сайт бесплатно». 

Craftum конструктор сайтов регистрация

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

Библиотека шаблонов Craftum

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

Заключение

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