Production-ready сайт о ГОЗ: от госЗаказчика к React

Десять лет в бюджетных организациях, из них три года работы с гособоронзаказом, научили меня одному: сложность ГОЗ не в законах, а в интерфейсах и людях. Я собрал консалтинговую платформу «Страна ГОЗ» с нуля — на современном стеке с полным CI/CD pipeline, мониторингом и production-grade архитектурой.

Почему именно ГОЗ

Несколько лет участия в проектах ГОЗ показали: мир оборонных заказов крутится вокруг регламентов, писем и «согласовать до 15:00». Я сопровождал исполнителей и заказчиков, видел, как трудно бизнесу пройти путь от заявки до отчётности, и понял: сложность не в нормативке — она в инструментах.

Любая операция должна быть задокументирована, любая копейка должна быть подтверждена — иначе всё упирается в проблемы с надзорными органами. Были случаи в практике, когда пришлось обосновать, почему ручка стоила 1 рубль, хотя в «Интернетах ваших» есть за 0,99 рублей: «Вы украли из бюджета 300 рублей, немедленно верните».

Но люди боятся самой аббревиатуры. ГОЗ кажется чем-то закрытым и бюрократичным, хотя на деле — это просто процесс с чёткими правилами. Нужен был сайт, который объяснит это простым языком. Да, ГОЗ — это не только военное оборудование и снаряжение, это еще и куча смежных проектов.

С чего началось

Первый лендинг собрал в конструкторе — чтобы проверить гипотезу. Хотел сайт без агрессивной рекламы «Нажми сюда!», «Оставь заявку быстро». Сделал всё максимально простым и читаемым, без сложных аббревиатур, локальных постановлений и сокращений.

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

Заказчикам я проводил консультации, так как с большим опытом автоматизации настраивал их процессы. Вы не поверите, но бумажные документы и отсутствие знаний банальных формул в Excel приводили к тому, что процессы, которые занимают простейшей формулой ВПР пару минут, люди проводят вручную сутками.

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

Технический стек и архитектура

Frontend: React 18.3 + TypeScript 5.8 (strict mode) Сборка: Vite 5.4 — HMR за ~200ms, production bundle ~360 KB UI: Tailwind CSS 3.4 + shadcn/ui (50+ готовых компонентов на Radix UI) Анимации: Framer Motion для плавных переходов Иконки: Lucide React (tree-shakeable) Качество: ESLint 9 с ~40 правилами + pre-commit hooks Тестирование: Vitest + React Testing Library (coverage 80%+)

Что внутри: UX для сложной ниши

Сайт решает две задачи:

Для заказчиков ГОЗ:

  • Адаптация внутренних процессов под 275-ФЗ
  • Расчёт расходов на контролёра качества (РКМ)
  • Подготовка документов для военного представительства

Для исполнителей:

  • Участие в тендерах на ЕИС
  • Подготовка жалоб в ФАС
  • Ценообразование и отчётность

Принцип работы с текстами: ❌ «В соответствии с требованиями законодательства...» ✅ «Поможем пройти проверку военпреда за 2 недели»

Конверсионная воронка:

  • Hero → проблема + решение (CTR ~8%)
  • Services → кейсы для разных аудиторий
  • Process → прозрачность работы (снижает барьер)
  • CTA → простая форма (имя + телефон)

Почему всё сделал сам

Четыре причины:

1. Контроль качества Внешние подрядчики часто делают «работает» вместо «работает правильно». Хотелось production-grade с первого дня.

2. Скорость итераций Нужно A/B тестировать тексты/формы/CTA — без зависимости от подрядчика.

3. Знание предметной области Я понимаю боли клиентов ГОЗ — это даёт преимущество в UX.

4. Проект дополнительный и за свой счёт

Что не стал делать сам:

  • Дизайн — использовал готовые компоненты shadcn/ui
  • Хостинг — взял VPS с Nginx (не поднимал с нуля)
  • Мониторинг — готовые решения (Sentry, GA4, YM)
Production-ready сайт о ГОЗ: от госЗаказчика к React | Сетка — социальная сеть от hh.ru