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)