К моменту работы над МОНЭ у меня уже был опыт разработки anorose.ru — сайта для похожей организации в той же нише. Можно было взять тот же шаблон и немного переделать. Я принял другое решение.
АНО МОНЭ (Межрегиональная организация независимых экспертиз) специализируется на строительной, экологической и товароведческой экспертизе. Ключевое отличие: их клиенты — в первую очередь юридические лица и застройщики, попавшие в строительные споры. Это другая психология покупки.
Анализ: чем B2B-клиент отличается от B2C в этой нише
Физическое лицо, которому нужна экспертиза, ищет понятность: «Что такое экспертиза, как это работает, сколько стоит, позвоните мне.»
Юридическое лицо или застройщик смотрит на другое: аккредитации, опыт в конкретных типах споров, корпоративные реквизиты, возможность работы по договору с НДС.
Это означало: другой информационный приоритет на странице, другой тон текста, другая дизайн-система.
Решение: дизайн-система “The Silent Authority”
Я разработал отдельную дизайн-систему — строгую, корпоративную, без лишних элементов. Принципы:
- Типографика: плотная, деловая, без декоративных шрифтов
- Цветовая схема: нейтральные тёмные тона — сигнал авторитета, а не дружелюбия
- Структура страниц: сначала квалификационные сигналы (членства, аккредитации), потом услуги, потом контакт
Это осознанный выбор: сайт должен был выглядеть как корпоративный партнёр, а не как сервисный помощник.
Техническая реализация
- Стек: React + TypeScript + Vite, UI через shadcn/ui + Tailwind CSS с кастомными токенами
- Заявки: Express + Nodemailer — письма с заявками уходят напрямую в почту заказчика без зависимости от сторонних CRM
- Деплой: PM2 для стабильного Node.js-процесса на VPS
- SEO-архитектура: каждое направление экспертизы — отдельная страница с правильной семантикой и мета-тегами
Производительность
Оптимизация сборки через Vite (code splitting, tree shaking, lazy imports компонентов) — сайт загружается практически мгновенно даже на медленных соединениях. Core Web Vitals в зелёной зоне.
Результат
Два сайта в одной нише — разные дизайн-системы, разная расстановка акцентов, разная аудитория. Это и есть разница между разработчиком, который «делает сайты», и разработчиком, который понимает, для кого и зачем.
Ключевой урок: повторное использование кода — хорошо, повторное использование мышления без анализа контекста — плохо.