Кейс
8 сайтов с нуля: как мы делаем сайты, которые приводят заявки
Восемь проектов последних месяцев: приёмка квартир, два строительных сайта, недвижимость за рубежом, студия красоты, справочник по Китаю, ИИ-сервис и наш собственный сайт. Ни одного купленного шаблона — у каждого своя структура, тексты и дизайн под задачу. Разбираем подход, техническую часть и цифры.
- 8сайтов, у каждого своя структура и дизайн
- 1 996кликов из поиска Яндекса за 90 дней у одного сайта
- 92–100доступность по Google Lighthouse у всех восьми
- 1 316страниц нашего сайта в поиске Яндекса
- Проекты
- 8 сайтов
- Ниши
- приёмка квартир, строительство, недвижимость, красота, справочник, ИИ-сервис, агентство
- Технологии
- под задачу — от WordPress до статической вёрстки
- Что входит
- структура, тексты, дизайн, вёрстка, аналитика, запуск
Коротко. Мы собрали восемь сайтов с нуля для разных ниш. Шаблонов нет ни в одном: структуру, тексты и дизайн каждый раз строим от задачи посетителя. До сдачи проверяем разметку, доступность, аналитику и формы. Лучший результат в поиске — у сайта по приёмке квартир: клики из Яндекса выросли с 85 в июле до 1 164 в сентябре.
Почему ни одного шаблона
Шаблон решает задачу дизайнера, а не бизнеса. Он заранее знает, сколько будет блоков и где стоит кнопка, хотя ещё неизвестно, кто придёт на сайт и что ему нужно понять перед заявкой. Поэтому мы начинаем с вопроса «что должен сделать посетитель», а внешний вид появляется последним.
Разницу хорошо видно, если положить сайты рядом. У приёмки квартир строгий документальный стиль и калькулятор цены на первом экране: человек боится застройщика и хочет конкретики. У загородных домов «Атмосфера» — видео и подбор дома под сценарий жизни: здесь покупают мечту, а не квадратные метры. У недвижимости на Бали сначала идёт расчёт доходности, а объекты потом: покупатель думает как инвестор.
Ещё три примера из той же подборки. Студия восстановления волос объясняет разницу трёх процедур и даёт подобрать свою до записи. Справочник «Я в Китае» разводит читателя по трём сценариям: еду ненадолго, переезжаю, веду бизнес. У ИИ-психолога BRO.Фрейд прямо на странице работает демо «переводчика»: человек пробует сервис раньше, чем открывает бота.
Восемь задач и восемь решений
Что было главным в каждом проекте
| Сайт | Задача | Как решили |
|---|---|---|
| ПринятоПро | снять страх переплатить | калькулятор цены в четыре вопроса и видео реальных приёмок |
| Aurum | показать цену дома до стройки | расчёт стоимости за две минуты и выбор комплектации |
| Атмосфера | продать образ жизни | видео на первом экране и подбор дома под сценарий |
| Concept Capital | доверие к сделке за рубежом | сначала расчёт доходности, потом объект |
| Восстановление волос | объяснить разницу процедур | подбор процедуры и цена по длине волос |
| Я в Китае | огромный объём инструкций | три сценария, поиск по задачам и дата проверки |
| BRO.Фрейд | дать попробовать до оплаты | демо переводчика прямо на странице |
| Термос Беспалова | шесть услуг и большой блог | своя тема, каталог и заявки в базе сайта |
В таблице видно главное правило: у каждого сайта одна ключевая мысль, вокруг которой строится первый экран. У Aurum это цена дома до начала стройки, поэтому расчёт стоимости стоит выше каталога проектов. У справочника по Китаю мысль другая — информация устаревает, поэтому у каждой инструкции есть дата проверки по первоисточникам.
Тексты пишем сами и на языке клиента. Для приёмки квартир это «застройщик обязан устранить», для студии волос — «без утюжка и нагрева». Одна точная фраза на первом экране работает сильнее десяти абзацев о преимуществах компании.
Как идёт работа
Этапы и сроки
- Бриф и структураот 3 дней до 2 недель: задача, аудитория, путь к заявке
- Прототип и текстыпорядок экранов, оффер и ответы на возражения
- Дизайнот 2 до 4 недель: макеты всех страниц и состояний
- Вёрстка и запускот 2 до 4 недель: адаптив, формы, аналитика, проверка
Одностраничный сайт занимает три-четыре недели, многостраничный — от пяти-шести. Больше всего срок зависит не от нас, а от скорости согласований и материалов: фото объектов, цен, документов. Поэтому на брифе сразу договариваемся, что и к какой неделе нужно от клиента.
Прототип и тексты идут раньше дизайна. Так дизайнер рисует под готовый смысл, а не придумывает, чем заполнить красивые блоки. На этом этапе чаще всего и находится то, ради чего заказывали сайт: главный аргумент, которого у конкурентов нет.
Техническая часть: что проверяем до сдачи
Сайт может выглядеть отлично и при этом плохо читаться поисковиками и людьми с ограничениями зрения. Поэтому перед сдачей гоняем каждый проект через Google Lighthouse и правим то, что он находит. Ниже — оценка доступности по мобильному профилю на момент проверки.
Доступность по Google Lighthouse, из 100
Все восемь сайтов получили по доступности 92–100: от 92 у нашего сайта и Aurum до 97 у справочника, 98 у ПринятоПро и 100 у двух лендингов. Оценку SEO от 92 до 100 набрали семь из восьми, у Concept Capital она ниже, и это задача на доработку. Сдвиг вёрстки при загрузке почти нулевой везде, кроме одного сайта: страница не прыгает под пальцем, когда догружаются картинки.
Скорость на мобильном — то, что мы честно дожимаем. Лучший результат у BRO.Фрейд: 89 из 100. У сайтов с видео на первом экране и крупными фотографиями объектов оценка ниже, от 36 до 63. Это цена за подачу, но мы её снижаем: сжимаем медиа, откладываем тяжёлые блоки и проверяем каждый релиз.
Когда сайт работает на заявки, закладываем в него ещё один набор. Разметку для поисковиков, карту сайта и отправку новых страниц на переобход. Метрику с целями на заявку, звонок и переход в мессенджер. Формы с отдельными согласиями по 152-ФЗ, пустыми по умолчанию. Все доступы и исходники при этом остаются у клиента.
Что сайты дают в цифрах
ПринятоПро: клики из поиска Яндекса по месяцам
Самый показательный пример — ПринятоПро. Сайт запустили в июне, первый месяц дал 3 клика из Яндекса. Дальше структура под запросы начала работать: 85 кликов в июле, 744 в августе и 1 164 за неполный сентябрь. Всего за 90 дней — 1 996 кликов, а за четыре месяца посетители 463 раза перешли в мессенджеры и 48 раз нажали на номер телефона.
У Aurum за год 4 612 визитов, из них 1 175 пришли из поиска, а за последние 90 дней сайт 2 571 раз показывался в Яндексе. У Атмосферы 19 страниц уже в поиске Яндекса, и люди находят компанию по названию. Справочник по Китаю и BRO.Фрейд запущены в сентябре, их цифры покажем, когда накопятся.
Наш собственный сайт — самый большой из восьми: 1 316 страниц в поиске Яндекса, 5 613 визитов за год. Заявки приходят двумя путями: 55 отправленных форм и 95 переходов в мессенджеры. Каждая заявка сначала сохраняется в базе сайта и только потом уходит в Telegram и на почту, поэтому не теряется, даже если мессенджер недоступен.
Как понять, что сайт нужно делать заново
Переделка нужна не тогда, когда сайт «устарел внешне», а когда он мешает продавать. Проверьте свой по нескольким признакам. Если совпадает хотя бы два, новый сайт окупится быстрее, чем кажется.
- С первого экрана непонятно, что вы продаёте и сколько это стоит.
- Реклама приводит людей, но заявок почти нет.
- На телефоне вёрстка разъезжается, а формы неудобно заполнять.
- В Метрике не настроены цели, и никто не знает, откуда приходят клиенты.
Если хотите посмотреть живые примеры, все восемь сайтов открыты — ссылки есть на странице о создании сайтов. Там же цены и состав работ.