Сайт-визитка: пример по блокам, что это и как сделать свою

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

Блог Константина Воронина в соавторстве с ИИ. О блоге

2 ноября 20268 мин чтенияСайт-визитка Виды сайтов

Сайт-визитка — небольшой сайт, который отвечает на вопросы человека до звонка: кто вы, чем занимаетесь, сколько это стоит и как связаться. Как бумажная визитка, только с ценами, ответами на вопросы и кнопкой связи. Чтобы увидеть, как это выглядит, откройте «Свой электрик»: сайт частного мастера, он раскроется окном поверх статьи.

Что такое сайт-визитка простыми словами

Бумажную визитку вручают при знакомстве, сайт-визитку отдают ссылкой: в переписке с клиентом, в объявлении, в карточке на картах, в подписи письма. Человек открывает её и за минуту решает, подходите ли вы ему.

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

Пример сайта-визитки: «Свой электрик» по блокам

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

Шапка. Меню «Случаи, Правила, Цены, Родителям, Вопросы», телефон и кнопка «Вызвать мастера». Они на виду с первой секунды, и связаться можно, не дочитывая страницу.
Первый экран. Заголовок «Электрик на дом. Без страшилок и сюрпризов в цене» говорит, кого вы зовёте и чего не будет.
Случаи. Восемь ситуаций словами клиента: «Выбивает автомат, когда включаю чайник и духовку», «Мигает свет в комнате», «Розетка греется и пахнет горелым». У каждой написано, что бывает, что сделать до приезда и сколько это стоит, а рядом кнопка вызова с этим случаем. Человек не знает слов «перегрузка линии», зато знает, что выбивает автомат. Узнав свою ситуацию, он видит, что вы разбираетесь в его деле.
«Страшилки, которые здесь не работают». Фразы, которыми пугают заказчиков («Решайте сейчас, потом будет поздно», «Приедем, посмотрим, тогда и цену скажем»), и ответ мастера на каждую. Слов «честный мастер» на странице нет, есть условия: цену называют до работы, не торопят, объясняют и показывают.
Цены тремя группами: «Нужно сейчас ради безопасности», «Можно позже», «Для удобства». Выезд и осмотр от 1 000 ₽, откажетесь после осмотра — платите только за выезд. Клиент видит, что откладывать нельзя, а что подождёт.
«Из чего складывается чек». Расчёт одного вызова: выезд 1 000 ₽, поиск причины 1 500 ₽, замена розетки 800 ₽ и сама розетка 350 ₽, итого 3 650 ₽. Сумму видно по частям, и сюрприза в конце нет.
«Если вызываете родителям». Пять условий: заявку оставляете вы, имя мастера известно заранее, он звонит вам до и после, кодов из СМС и подписей не просит, а отчёт с фото приходит вам. Решение принимает один человек, а дома будет другой, и у первого свои тревоги. Блок отвечает на них.
«Кто приедет». Имя, стаж, группа по электробезопасности и удостоверение (в примере это поля «уточнить у заказчика»), затем два списка: «Что делаю» и «Чего не делаю». Мастера пускают в дом, поэтому доверие строится на именах и границах. В «Чего не делаю» стоят промышленные объекты, газовое оборудование, стояк и общие части этажного щитка (это зона управляющей компании): если дело не по его части, он говорит об этом сразу.
Вопросы. Девять штук: сколько стоит выезд, когда приедут, можно ли без штробления, работает ли мастер с алюминиевой проводкой, какая гарантия, как платить. Первое, что спрашивают по телефону, человек успевает прочитать до звонка.
Форма «Вызвать мастера». Обязателен только телефон, а «что случилось», имя и адрес можно пропустить. Над полями предупреждение: дым или искры — форму не заполняйте, звоните 112. Галочка согласия ведёт на страницу согласия, ниже ссылка на политику.
Подвал. Услуги, документы (политика и согласие), реквизиты. Здесь проверяют, с кем имеют дело, прежде чем платить.

Что из примера нужно любой визитке

Любой визитке нужны четыре вещи, остальные блоки зависят от ниши:

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

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

Сколько страниц у сайта-визитки

Единого числа нет. Студия Kokoc в материале от 16 апреля 2026 года называет диапазон от одной до десяти страниц. У Точки Банка в статье от 14 июля 2025 года в одном месте одна-три страницы, в другом одна-четыре. По версии PromoPult, в материале от 18 декабря 2023 года, обычно три-пять.

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

Визитка и лендинг: в чём разница

Путаница идёт от того, что одна страница бывает и тем, и другим. Лендинг строят вокруг одного предложения: человек пришёл с объявления, увидел одну услугу и одну кнопку. Визитка отвечает на вопрос «кто вы и чем занимаетесь», и услуг в ней может быть несколько: у электрика восемь случаев, каждый со своей ценой. Поэтому «Свой электрик» ближе к визитке. Подробнее о лендинге: что это такое простыми словами.

Как сделать сайт-визитку: что подготовить и где собрать

До конструктора и до разговора с исполнителем подготовьте материал:

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

Собрать можно тремя путями:

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

Что по закону, если на визитке есть форма

Заявка с именем и телефоном содержит персональные данные, и форма на сайте делает вас оператором. Согласие — отдельной страницей и отдельной галочкой, не внутри оферты; политика — по ссылке в подвале и рядом с формой. В «Своём электрике» так и сделано: две страницы документов, ссылки на них стоят у формы и в подвале. Ещё до начала обработки оператор уведомляет Роскомнадзор: уведомление в РКН нужно и самозанятому, и ИП (ст. 22). Если визитку с формой собирают на зарубежном конструкторе, заявку принимает и обычно сохраняет зарубежный сервер. Это запись данных вне России, нарушение ст. 18 ч. 5 закона о персональных данных.

Когда визитки мало

Сама по себе визитка клиентов из поиска не приведёт. В обсуждении личного сайта на Хабр Q&A один из ответов: смысл есть только с блогом, продвижением и SEO, иначе сайт не найдут; другие советуют искать заказы на бирже, где заказчики уже есть (страница без даты, помечена «более трёх лет назад»). Это обычная роль визитки: показать себя тому, кто уже вышел на вас.

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

Сайт-визитка у нас

«Свой электрик» сделан в нашей студии. Наш вариант сайта-визитки — одна страница с услугами, ценами, контактами и заявкой, плюс редактор. Стоит 43 000 ₽, размещение на нашем сервере оплачивается отдельно: 500 ₽ в месяц первые три месяца, дальше 800 ₽. Сама заявка с именем и телефоном попадает на почту. Telegram получает короткое уведомление, что заявка пришла.

Источники

Открыть пример сайта «Свой электрик»Хочу такой сайт

Вопросы и ответы

Как сделать сайт-визитку дизайнера?

Каркас тот же, что в примере. Блок «Случаи» заменяют работами, у каждой свои задача и результат. Остальное остаётся на месте: чем вы занимаетесь, сколько это стоит, как проходит работа и как с вами связаться.

Как создать одностраничный сайт-визитку?

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

Есть ли пример сайта-визитки для человека, а не для компании?

Да, «Свой электрик» — сайт одного мастера. На визитке человека первым делом решает доверие: кто приедет, что он делает и чего не делает, как договаривается с заказчиком. В примере это блоки «Кто приедет» и «Если вызываете родителям». Имя, стаж и фото мастера на странице не заполнены, их заменяют данными реального человека.