Сайт NEUROMETA начался не с пустой страницы. До него уже существовал технический лендинг, созданный с Gemini: тёмный первый экран, карточки систем, калькулятор, сравнение «до и после», тарифы аудита и отдельные страницы кейсов.

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

Сначала — не экран, а роль сайта

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

  • первый экран быстро объясняет, чем занимается лаборатория;
  • проекты показывают реальные направления и ход мысли;
  • блог превращает отдельные кейсы и исследования в базу доверия;
  • контактный блок переводит интерес в понятный следующий шаг.

Мы работаем вдвоём — роли должны быть видны

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

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

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

Что взял из дизайн-наработок

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

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

Хороший сайт для сложного проекта не объясняет всё сразу. Он правильно расставляет следующий шаг.

Техническая сборка

В основе релиза — лёгкий статический контур HTML, CSS и JavaScript, а для заявки оставлен небольшой PHP-обработчик. Это сознательный выбор: сайту не нужен тяжёлый CMS, а размещение на стороннем хостинге должно оставаться понятным и переносимым.

На уровне интерфейса я собрал:

  • главную страницу с направлениями, проектами, услугами и формой заявки;
  • блог и пять отдельных материалов с единым шаблоном чтения;
  • локальные шрифты и ассеты без зависимости от Google Fonts;
  • мета-описания, canonical, Open Graph, Twitter Card, JSON-LD, sitemap, robots и favicon;
  • согласие на обработку данных, политику конфиденциальности и защиту формы от простого спама.

Как проходил путь к публикации

  1. Разложил содержание. Отделил проекты, услуги, статьи и первый шаг, чтобы у каждого блока была своя роль.
  2. Собрал визуальную систему. Оставил космическую графику и сетку связей, но сделал текст и маршруты главными.
  3. Закрыл базовую надёжность. Добавил форму, отдельное согласие, SEO-слой, favicon, заголовки безопасности и антифлуд.
  4. Опубликовал на Beget. На этом этапе отдельно проверил доменную папку, public_html, HTTPS и реальные адреса страниц.
  5. Подключил измеримость. На сайт установлен счётчик Яндекс.Метрики; следующий слой — цели в кабинете и проверка воронки.
Что проверено в релизеПубличный контур состоит из главной, блога, пяти статей, политики и согласия. Ссылки страниц, HTTPS, форма и базовые защитные настройки проверены отдельно. Коммерческие цены и массовая переработка статей намеренно оставлены на следующий этап.

Что этот кейс показал

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

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

Что осталось открытым

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

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

Нужно собрать цифровую площадку вокруг сложного проекта?

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

Обсудить проект с Дмитрием →