hellodze.pro — собственная платформа услуг
Платформа услуг с сегментными посадочными, экспресс-разбором сайта как лид-магнитом и защитой от SSRF.
Клиент: Собственный проект
Что было не так
Нужна была собственная площадка для приёма клиентов: показать услуги и кейсы, собирать заявки, получать органический трафик.
Задача сложнее, чем сайт-визитка: аудитория разная по запросу и по готовности. Кому-то нужен контекст, кому-то таргет, кому-то сайт целиком — и разговаривать с ними одной страницей бессмысленно.
Отдельно — нужен был способ начать разговор с холодным посетителем, который ещё ничего не хочет покупать.
Что решили и почему
Сделал не одностраничник, а платформу с отдельными посадочными под сегменты: контекст, таргет, решения, лендинги. Каждая говорит со своим запросом.
Кейсы вынес в отдельный раздел с индивидуальной страницей на каждый — чтобы можно было раскрыть проект в глубину, а не одной карточкой в списке.
Лид-магнит вместо формы «оставьте заявку»: экспресс-разбор сайта посетителя. Человек даёт ссылку, сервис меряет то, что можно измерить честно — время ответа, вес страницы, мобильную вёрстку, кликабельность телефона, наличие цены, https. Посетитель получает пользу до всякой продажи.
Тут же встала задача безопасности: сервер ходит по ссылке, которую дал незнакомый человек. Это классический SSRF — через такую форму можно заставить сервер сходить во внутреннюю сеть. Заложил защиту: только http/https, проверка реального адреса после резолва имени, запрет приватных и служебных диапазонов включая адрес метаданных облака, ручная обработка редиректов с перепроверкой каждого хоста, ограничение частоты запросов, таймаут и потолок по объёму.
Интерфейс — на дизайн-токенах, чтобы вид менялся централизованно, а не правкой цветов по страницам.
Как делал
- 01
Спроектировал структуру под сегменты аудитории, а не под список услуг.
- 02
Собрал платформу на Next.js с мультиязычностью и динамическими страницами кейсов.
- 03
Сделал сервис экспресс-разбора сайта и закрыл его от злоупотреблений.
- 04
Перевёл интерфейс на дизайн-токены — единая система цветов, отступов и скруглений.
- 05
Подключил движок статейника для органического трафика.
- 06
Настроил аналитику и цели, чтобы видеть, какая посадочная работает.
- 07
Веду проект по планам: каждый этап — отдельный план с проверяемым результатом и закрытием открытых вопросов.
- 08
Отдельная история — деплой. Сначала стоял на Vercel, и у части российской аудитории сайт отображался некорректно: часть стилей и ресурсов не загружалась из-за ограничений доступа к зарубежным CDN. Диагностировал причину и перенёс проект на хостинг, доступный целевой аудитории.
Стек проекта
- Next.js / React / TypeScript — платформа
- next-intl — мультиязычность
- Сегментные посадочные + динамические страницы кейсов
- API-эндпоинт разбора сайта — с защитой от SSRF, рейт-лимитом и таймаутом
- Дизайн-токены — централизованная система оформления
- Three.js, шейдеры, Framer Motion, Lenis — графика и плавный скролл
- Движок статейника — SEO-статьи с разметкой и перелинковкой
- Яндекс.Метрика с настроенными целями — аналитика конверсии
Результат
Работающая платформа с приёмом заявок и органическим трафиком.
Инструмент разбора сайта даёт повод для первого контакта с холодным посетителем.
Проблема с недоступностью зарубежного CDN найдена и решена переносом хостинга.
Проект развивается — ведётся по планам с закрытием этапов.
Похожие кейсы
«Этническая карта области Жетісу» — интерактивный киоск
Сенсорный киоск с картой этнокультурных центров региона — контент обновляют сотрудники заказчика сами, без разработчика.
«Отан» — обучающая платформа для автошколы
Закрытая LMS-платформа на 1000+ уроков с тремя уровнями доступа, видеозащитой и казахской локализацией.