Для ПромЭнергоПарка я собирал страницу о промышленной площадке: расположение, инфраструктура, условия и обращение к команде. Основное содержимое должно быть доступно сразу, без ожидания сложной клиентской анимации.
Для ПромЭнергоПарка я собрал одностраничный сайт на React и Vite. Стили написаны обычным CSS с переменными. Без отдельной библиотеки компонентов и анимационного движка. Готовые файлы обслуживает Cloudflare Worker.
На экране «ПромЭнергоПарк — первый экран» сохранены настоящие материалы и оформление проекта.
ПромЭнергоПарк — первый экран
Архивный интерфейс · демонстрационные данные
Выбор React здесь не означает, что каждый следующий лендинг теперь должен использовать React. Это устройство конкретного проекта. Полезнее спросить, насколько легко менять его разделы и можно ли разобраться в нём без археологической экспедиции.
На экране «ПромЭнергоПарк — внутренний раздел» сохранены настоящие материалы и оформление проекта.
ПромЭнергоПарк — внутренний раздел
Архивный интерфейс · демонстрационные данные
У простоты есть вполне техническая сторона
CSS-переменные держат цвета, размеры и повторяющиеся параметры в одном месте. Компоненты отделяют смысловые разделы. Статическая выдача не требует поднимать серверное приложение для каждого просмотра страницы.
При этом минимальный набор библиотек не освобождает от обычной работы: проверить мобильную ширину, контраст, переносы, реальные изображения и переход к контакту. Можно удалить все зависимости и всё равно сделать неудобный сайт. Самоограничение инструментов не считается пользовательским исследованием.
ПромЭнергоПарк — контактный раздел
Архивный интерфейс · демонстрационные данные
В промышленной теме особенно легко увлечься крупной типографикой и забыть содержание. Читателю нужны конкретные свойства предложения. Я сохраняю согласованные сведения о проекте и не дополняю их автоматически выдуманными мощностями, арендаторами или сроками окупаемости.
Что ускоряет AI
Агенту удобно поручать сборку разделов, повторяющиеся состояния и адаптивные правки. Человеку остаётся решить, какая информация нужна для следующего действия и не превратилось ли объяснение в рекламный туман.
Мне нравится, когда инженерная работа заканчивается вещью, которая выглядит естественно. Здесь нет необходимости демонстрировать весь набор технологий, которыми мы умеем пользоваться. Есть проект, есть посетитель и путь между ними.
Получилась одностраничная структура для знакомства с площадкой и перехода к обращению. AI помогал готовить и проверять реализацию; выбор состава страницы и визуальной подачи оставался моей работой. Из наличия сайта я не вывожу неподтверждённый рост заявок.
Связанные истории: Horizon · Connection.me и RTL.
@nevsky_alexander
В Instagram — Дубай без парадного фасада: семья, город, находки и то, что происходит между проектами. В Threads — мысли вслух о дизайне и AI, на YouTube — видео, которым тесно в сторис. Подписывайтесь там, где вам удобнее: будем на связи