VIDEMIND
Web Design Портфолио дизайнераГид

Сайт-визитка: минимум, который работает

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

Абстрактная графика VIDEMIND: схематичный макет экрана: тёмная шапка, строки-плашки и боковая колонка
VIDEMIND
Содержание · 9
  1. Четыре блока
  2. Конкретика вместо общих слов
  3. Типографика решает всё
  4. Технический минимум
  5. Доказательства вместо обещаний
  6. Что обновлять и как часто
  7. Контакты: единственное место, где нельзя ошибиться
  8. Форма или прямой контакт
  9. Что в итоге

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

Четыре блока

Для большинства небольших проектов достаточно одной страницы с четырьмя разделами: кто вы, что делаете, примеры или доказательства, как связаться.

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

БлокЧто содержитОбъём
Первый экранИмя, чем занимаетесь, для кого1 экран
Что делаюСписок услуг конкретно3–6 пунктов
ДоказательстваРаботы, клиенты, отзывы, цифры3–6 элементов
КонтактыПочта, мессенджер, город1 экран

Конкретика вместо общих слов

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

Работает обратное: назвать конкретные услуги, конкретные сроки, конкретные города и конкретные ограничения.

Абстрактная графика VIDEMIND: схематичный макет экрана: тёмная шапка, строки-плашки и боковая колонка — к разделу «Конкретика вместо общих слов»
VIDEMIND

Типографика решает всё

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

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

Сайт-визитка на чистой типографике: без изображений, но с характером
Сайт-визитка на чистой типографике: без изображений, но с характеромVIDEMIND

Технический минимум

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

Отдельно стоит проверить, что почта открывается по клику, номер телефона — по нажатию, а адрес ведёт на карту.

  • Загрузка меньше секунды на мобильном интернете.
  • Контакты кликабельны.
  • Заголовок страницы и описание заполнены осмысленно.
  • Есть favicon и превью для мессенджеров.
Одностраничный сайт выигрывает не простотой, а полнотой: на нём помещается всё, ради чего на него пришли.

Доказательства вместо обещаний

Блок «почему мы» с абстрактными достоинствами не читают. Работает конкретика, которую можно проверить: сколько лет вы этим занимаетесь, сколько проектов сделали, с кем работали, что говорят клиенты своими словами.

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

Тип бизнесаЧто доказываетЧего избегать
Специалист3–5 работ с описаниемСписок навыков
УслугаСроки, цены, процесс«Индивидуальный подход»
Локальный бизнесФото места, адрес, часыСтоковые изображения
ПроизводствоФото цеха и продукцииРендеры вместо съёмки
Абстрактная графика VIDEMIND: сетка клеток: часть залита цветом, в некоторых круг или диагональ
VIDEMIND

Что обновлять и как часто

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

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

Абстрактная графика VIDEMIND: схематичный макет экрана: тёмная шапка, строки-плашки и боковая колонка — к разделу «Что обновлять и как часто»
VIDEMIND

Контакты: единственное место, где нельзя ошибиться

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

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

Форма или прямой контакт

  • Форма уместна, когда вам нужны детали до разговора: бриф, объём, сроки. Тогда полей три-четыре, не больше.
  • Прямой контакт уместнее, когда решение принимается быстро: мастер, врач, репетитор. Форма здесь добавляет шаг и теряет обращения.
  • Если форма есть, у неё обязательно видимое подтверждение отправки — не всплывающее на секунду, а остающееся на экране.
  • Обещание срока ответа («отвечаем в течение дня») повышает долю отправленных форм заметнее, чем любое оформление.
  • Поле «комментарий» без ограничения длины лучше пяти обязательных полей: человек напишет то, что считает важным сам.
Абстрактная графика VIDEMIND: условный план: помещения прямоугольниками, одно выделено цветом
VIDEMIND

Что в итоге

Сайт-визитка — это четыре блока, конкретные формулировки и хорошая типографика.

Проверьте кликабельность контактов и превью ссылки в мессенджере: именно там начинается большинство обращений.

Коротко

Что обязательно должно быть на сайте-визитке?
Кто вы, что делаете, примеры работы и способ связаться — в таком порядке и на первом экране. Всё остальное необязательно, включая раздел «О нас» и блог.
Нужен ли такому сайту блог?
Только если его будут вести. Раздел с двумя записями двухлетней давности сообщает о заброшенности сильнее, чем его отсутствие.
Продолжить тему · Портфолио дизайнера

Сайт ресторана

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

Нашли ошибку или неточность в атрибуции? Напишите нам

Обсуждение

Загружаем…

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

0 / 1500