💼 Кейсы ⏱ 14 мин 👁 10

Визитки создания сайтов: оффер первого экрана, вёрстка и честный аналог

Сайт-визитка: оффер, вёрстка и что можно взять у конкурента

Сайт-визитка — это пять-семь страниц, которые отвечают на вопросы «кто вы, что делаете, сколько стоит и как связаться». Визитки создания сайтов — самый частый первый заказ, и почти все страницы поиска объясняют, где её собрать бесплатно. Но визитка работает не благодаря конструктору, а благодаря одной фразе на первом экране — офферу. О нём не пишет ни одна из тридцати страниц.

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

Нужна визитка, которая приносит заявки, а не просто существует? Создание сайтов под ключ: сайт-визитка — от 25 000 ₽ за 7–14 дней, с формой заявки, Метрикой, SEO-основой и обучением. Договор, гарантия 12 месяцев.

Тридцать страниц поиска: цены от 500 до 95 000 рублей, оффер — ни разу

Я просмотрел тридцать страниц, которые поиск показывает по запросам о создании сайтов-визиток, и разложил их по типам.

Тридцать страниц: кто отвечает статьи «как сделать визитку»10 конструкторы и их рейтинги9 студии7 каталоги и биржи3 вопрос «как сделать аналог»1 как написать главную фразу визитки — 0 страниц

Десять страниц — статьи о том, что такое визитка и как сделать её самому. Девять — конструкторы и их подборки. Семь — студии, три — каталоги исполнителей и биржа фриланса, одна — вопрос программиста, как сделать аналог чужого сайта. Цены разбросаны: от 500 рублей на бирже и 5 000 в каталоге до 19 900, 50 000 и 95 000 рублей у студий.

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

Из чего состоит сайт-визитка и почему цены так различаются

У визитки простая структура: главная, услуги или направления, цены, о компании или специалисте, отзывы или работы, контакты. Пять-семь страниц или один длинный экран — смотря сколько услуг. Разброс цен в выдаче объясняется не числом страниц, а тем, что входит в работу.

Визитка за разные деньги до 5 000 ₽15–30 тыс. ₽50–95 тыс. ₽ • шаблон конструктора• ваши тексты вставлены как есть• без формы и Метрики или на ваших настройкахаккаунт чей — не ясно • структура под ваш бизнес• дизайн, мобильная версия• оффер и тексты блоков• форма, Метрика, SEO-основа• обучение, доступы на васчастный вебмастер • всё из средней колонки• менеджер проекта• дизайнер и верстальщик• иногда копирайтер и фотосъёмкастудия с командой

Визитка за 500–5 000 рублей — это обычно шаблон конструктора, в который вставили ваши тексты. Визитка за 50–95 тысяч у студии — та же работа, которую делает команда из нескольких человек, и в цене их зарплаты. Посередине — частный вебмастер: структура и дизайн под ваш бизнес, оффер, формы, Метрика и обучение, но без менеджеров. У меня такая визитка стоит от 25 000 рублей и занимает 7–14 дней.

Оффер для создания сайтов-визиток: главная фраза первого экрана

Оффер — это одна-две фразы на первом экране, которые отвечают на три вопроса посетителя: что вы предлагаете, кому и почему именно вам. Оффер для создания сайтов-визиток не обязан быть рекламным слоганом. Чаще всего работает простая конкретика: что, для кого, с каким результатом и на каких условиях.

❌ Не оффер

  • «Добро пожаловать на наш сайт».
  • «Мы команда экспертов своего дела».
  • «Надёжность, ответственность, индивидуальный подход».
  • Название компании крупным шрифтом — и больше ничего.

✅ Оффер

  • «Ремонт кухонь в Подмосковье под ключ за 30 дней с фиксированной сметой».
  • «Бухгалтерия для ИП на упрощёнке — от 3 000 ₽ в месяц, отчёты без опозданий».
  • «Логопед для детей 4–7 лет: занятия онлайн и в кабинете у метро».

Генератор оффера

Заполните поля — генератор соберёт три варианта главной фразы для первого экрана. Выберите тот, что звучит естественнее, и доработайте под себя. Поля можно оставлять пустыми — генератор подскажет, чего не хватает фразе, чтобы она стала конкретной и понятной с первого взгляда.

Вариант 1 — прямой

Вариант 2 — с подзаголовком

Вариант 3 — от результата

Генератор лишь складывает ваши слова в шаблон, а сила оффера — в фактах, которые вы вписали. «За 60 дней» и «смета не меняется» работают только тогда, когда это правда и вы готовы подтвердить это в договоре. Под оффером на первом экране — кнопка с понятным действием: «Рассчитать стоимость», «Записаться», «Получить смету».

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

Оффер для создания сайтов-визиток

Создание сайтов с помощью вёрстки или конструктора

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

  • Конструктор. Быстро, правки — самому в визуальном редакторе. Минусы — абонентская плата, ограничения шаблонов, сайт живёт на платформе сервиса.
  • Система управления. Удобно, если владелец будет часто менять тексты и цены или добавлять статьи. Требует хостинга, обновлений и копий.
  • Вёрстка с нуля. Самая лёгкая и быстрая страница, нет платы за платформу, полный контроль. Правки требуют вебмастера, поэтому подходит визиткам, которые меняются редко.

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

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

Создание аналогов сайтов: можно ли «как у конкурента»

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

Порядок блоков на главной
Тексты страницы услуг
Фотографии работ
Идея калькулятора стоимости
Логотип и фирменные цвета один в один
Набор разделов: цены, отзывы, вопросы
Код и дизайн страницы целиком

Верно: 0 из 0

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

Структура — можно, тексты и фото — нельзя. «Как у конкурента» означает тот же набор разделов и та же логика, но свои слова, свои снимки и свой дизайн.

Создание веб-сайтов: фреймы — что это и нужны ли они

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

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

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

Как визитка проходит путь от заявки до запуска

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

Визитка за 7–14 дней: пять этапов 12345 Брифуслуги, цены,для кого1 день Оффер и структурапервый экран,список блоков1–2 дня Дизайнмакет главнойи мобильной2–4 дня Вёрстка и формыстраницы, заявки,Метрика, SEO2–5 дней Запускпроверка,обучение1–2 дня Дольше всего проект стоит не на работе вебмастера, а в ожидании текстов и фото от заказчика

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

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

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

Что подготовить до заказа визитки

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

  • Список услуг с ценами. Хотя бы «от» — посетители визитки почти всегда ищут цену и уходят, если её нет.
  • Три-пять фактов о вас. Сколько лет работаете, сколько проектов сделали, какие гарантии даёте. Именно из них получается оффер и блок доверия.
  • Фотографии работ или процесса. Свои снимки на телефон убеждают сильнее, чем стоковые картинки с улыбающимися людьми.
  • Отзывы. Скриншоты из мессенджеров, карт или с площадок — с разрешения клиентов.
  • Два-три сайта, которые нравятся. Не для копирования, а чтобы понять, какой стиль вам близок, — как раз в рамках того, что можно брать у других.
  • Куда присылать заявки. Почта, мессенджер или CRM — туда, где их увидят быстро.

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

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

Визитка, которая приносит заявки: короткий список

  1. Оффер на первом экране и кнопка с понятным действием.
  2. Услуги с ценами — хотя бы «от» и что входит.
  3. Доказательства: фото работ, отзывы с именами, сертификаты, если они важны в нише.
  4. Контакты в шапке и подвале: телефон, мессенджер, адрес, часы работы.
  5. Форма заявки, которая приходит туда, где её увидят в течение часа.
  6. Метрика с целями — чтобы знать, сколько заявок приносит сайт.
На визитку я трачу больше времени на первый экран, чем на все остальные страницы вместе. Когда фраза наверху говорит, что вы делаете, для кого и на каких условиях, остальной сайт лишь подтверждает её. Когда фразы нет, не спасает никакой дизайн.
— Александр Рожков

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

Создание сайтов с помощью вёрстки

Итог

Сайт-визитка — пять-семь страниц, и её цена в выдаче различается от 500 до 95 000 рублей из-за состава работ, а не числа страниц. Главное в визитке — оффер на первом экране: что, для кого, с каким результатом и на каких условиях. Собирать её можно в конструкторе, на системе управления или вёрсткой; «как у конкурента» — только структура и идеи, но не тексты, фото и дизайн. Фреймсеты из старых инструкций устарели, а iframe для карт и видео стоит загружать лениво.

Если нужна визитка под ключ с оффером, формой и Метрикой, условия — на странице создания сайтов.

Нужен сайт или продвижение?

Расскажите о задаче — отвечу в течение часа.

Написать в Telegram

Опрос

Что сейчас на первом экране вашего сайта?

Проголосуйте, чтобы увидеть, как думают другие читатели

Часто задаваемые вопросы

Что такое сайт-визитка?

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

Сколько стоит сайт-визитка?

В выдаче — от 500 ₽ на бирже до 95 000 ₽ у студий. У меня визитка под ключ — от 25 000 ₽ за 7–14 дней: структура, дизайн, оффер, форма, Метрика, SEO-основа и обучение.

Что такое оффер на сайте?

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

Что выбрать для визитки: конструктор или вёрстку?

Конструктор — если хотите править сами и быстро запуститься. Вёрстку — если сайт меняется редко, важна скорость и не хочется платить абонентскую плату за платформу.

Можно ли сделать сайт как у конкурента?

Структуру, набор разделов и идеи — да. Тексты, фотографии, логотип и дизайн один в один — нет: они принадлежат конкуренту и к тому же путают клиентов.

Нужны ли фреймы на сайте?

Фреймсеты устарели и исключены из современного HTML. Встроенный фрейм iframe используют для карт, видео и виджетов, но загружать его стоит по нажатию или при прокрутке.

Сколько времени делается визитка?

У меня — 7–14 дней. Быстрее всего, если до начала работ готовы тексты об услугах, цены и фото.

сайт-визиткаоффервёрсткаструктура сайтасоздание сайтовпервый экран
Александр Рожков — частный вебмастер
Александр Рожков
Вебмастер · SEO-специалист · 15+ лет · 200+ проектов
Частный вебмастер в Москве. 200+ сайтов под ключ, 15+ лет опыта. Создаю сайты, настраиваю SEO и рекламу лично — без субподрядчиков.
О себе
Поделиться:
Все статьи