Наш внутренний рабочий файл. Первый таб — согласованная карта сайта. Дальше — по табу на каждый пласт деталей, наполняем по ходу.
Карта сайта
Согласовано
Два слоя: несколько статичных посадочных сверху и один тегированный пул контента под ними. Сведено из аудита дашборда (июнь) и дизайна главной как витрины-провокации (июль).
Цель страницы
Доверие / престиж Новые клиенты Тендеры / гранты Наём
Слой
Витрина и разделы Контент-движок Отложено
Слой 01
Витрина и разделы
Меняются редко. Каждый — посадочная под свою аудиторию.
/
Главная — витрина-провокация
Scroll-driven сцена: морф установки, 4 карточки направлений, 5-этапный цикл, DOI-карточка. Задача — вау-эффект и «хочу дальше». Отпускает в направления и в меню-навигатор.
Здесь же: · блок контактов (кратко) · рабочий CTA → форма · мега-меню «Навигатор»
4 карточки главной ↓ ведут в направления
/наука
Наука и диагностика
Экспериментальные установки и диагностика для институтов.
вакуумплазмадиагностика
Аудитория: учёный · главный инженер
/промышленность
Промышленность
Модернизация и решения для производств.
покрытиямодернизация
Аудитория: заводской инженер · модернизатор
/разработки
R&D и разработки
Нестандартное оборудование и собственные разработки.
механикатермоавтоматизация
Аудитория: лаб / проектный директор
/поставки
Поставки
Оборудование, когда привычные поставщики недоступны.
Единый пул. Каждая единица — свой canonical, показывается в каталоге, в фидах направлений и в компании.
◱ единый пул · хранилище отвязано от вёрсткиСейчас — коллекции-файлы с тегами. Позже тот же пул наполняет личный кабинет + ИИ-модуль (текст + контекст → статья / кейс / новость) — сайт переписывать не нужно.
теги ↦Направление (4) × Компетенция (9) раскладывают контент в фиды. Перелинковка «квадрат доверия»: Проект ↔ Публикация ↔ Компетенция ↔ Оборудование.
/проекты /проекты/[slug]
Проекты · кейсы
Каталог + полные страницы кейсов.
ITER · УВН-73 · Криомодуль · MBE · 12+
/публикации /публикации/[slug]
Публикации
Под каждую — развёрнутая статья + ссылка на журнал.
67+ РИНЦ · DOI · Nuclear Fusion, IEEE
/статьи /статьи/[slug]
Статьи · аналитика
Оригинальный контент Алексея. SEO-мотор.
методики · обзоры · дайджест
/новости /новости/[slug]
Новости
Ради SEO — эффект накопительный, ~через полгода.
конференции · патенты · обзоры индустрии
Сквозное
Инфраструктура через весь сайт
Не страницы, а системы.
Формы → CRM
Оценка за 24 ч гл.
Запрос на поставку
Параметрическая компет.
Контакт · отклик · скачивание
Lead flow · 152-ФЗ
Навигация
Мега-меню «Навигатор»
Быстрые пункты в хедере
Переключатель RU / EN / CN
Квадрат доверия
Китай
WeChat QR
Baidu Analytics
Rutube (не YouTube)
Self-hosted CJK
Преимущество vs EU
Служебное
PDF-профиль без рег.
/privacy-policy 152-ФЗ
cookie consent
404 · sitemap.xml
Отложено
Запарковано — собирается из того же пула
Тегированный контент делает эти срезы дешёвыми позже.
/for/*
Аудиторные срезы
Заводы, научные институты, стартапы.
/services/*
Сервисные лендинги
Рекламные посадочные поверх направлений.
/procurement
Раздел для закупок
Пока закрыт PDF + реквизитами.
/cabinet
Личный кабинет + ИИ
Хранилище + генерация контента.
Сверка
Что стало с проработкой из дашборда
Аудит 12 табов: ничего не потеряно.
Взято как есть
Проекты, публикации (per-page), команда, контакты, поставки. Меню-витрина = навигатор. Формы, CN-стек, юр-страницы.
Переразложено
9 компетенций → детализация 4 направлений. Equipment SEO → внутрь Поставок. Conference / Testimonial / Partner → типы контента. Карьера → блок Компании.
Запарковано
Лендинги /for/* и /services/*, раздел закупок и чемоданчик. Цель тендеров пока через PDF + реквизиты.
Навигация
Спека v1.1
Полный граф ссылок главной + правила маршрутизации, сведённые из чтения всех ссылок и верифицированные тремя перспективами (SEO, UX, архитектура). Источник: doc/navigation-spec.md.
URL ↦Директории /ru/ /en/ /cn/, единый латинский слаг под всеми языками (/ru/science, /en/science, /cn/science). Слаги: lowercase ASCII, язык-нейтральные, иммутабельны.
Глобальное
Три элемента навигации
ХедерШапка
Логоdesktop «NIA Engineering», mobile «NIA» → главная
Докум.Политика · Обработка ПД · Соглашение · Реквизиты
ВиджетКомпания · Контакты · PDF · CTA
Связки
Смысловая карта: элемент → назначение
Элемент
Назначение
Тип
Карточки · плитки 01–04
/science /industry /rnd /supply
страница
Хедер-ярлыки
/company /projects /publications /supply
страница
9 компетенций
/[направление]#якорь (→ будущее /[dir]/comp)
якорь
Кейс-карточки
/projects/[slug]
страница
Hero-статья (DOI)
/publications/[slug] · журнал ссылкой внутри
страница
Подвал фида
«Все статьи/новости/проекты →» → каталог
страница
CTA «Обсудить задачу»
modal:lead · mobile → sheet / contacts
модалка
Скачать PDF
прямое скачивание (без гейта)
файл
Карьера
/company#careers → форма 05 (HR)
якорь+форма
SEO · i18n
Слой мультиязычности (добавлен в v1.1)
hreflang
коды ru · en · zh-Hans
реципрокные + себя
x-default → /ru/
canonical
self-canonical на локаль
НЕ кросс-каноникл
публикации не на журнал
fallback
не рендерить RU под en/cn
непереведённое — вне sitemap
скрывать из навигации
индексация
equipment = реальные URL
не JS-табы, не якоря
sitemap+schema.org
Требование
Навшелл внутренних — не откладываем
◱ backboneКаждая внутренняя страница несёт глобальный хедер + футер + доступ к меню + путь к заявке. Страницы направлений — секции с точными id под якоря компетенций. Без этого граф распадается.
отложено на макетВизуал крошек · механика equipment-подстраниц (каталог с табами, но каждая категория — свой URL) · desktop/mobile внутренних (склоняемся к адаптиву) · кросс-линковка сиблингов · ретеншн-слой (подписка/аналитика — не сейчас).
Направления
Анатомия
Один шаблон на 4 страницы — /science /industry /rnd /supply. Разнятся контентом, структура общая. Здесь — архитектура страницы (секции, якоря, источники данных, форма), не визуал. Крючок hero — «ситуация клиента» (см. навспеку, 3 входа).
контракт ↦Секции компетенций обязаны иметь точные id под якоря из навспеки — иначе ссылки-компетенции битые. Это hard-требование к макету, не пожелание.
Анатомия
Секции страницы (сверху вниз)
1Hero под аудиторию
Чтоединое имя направления + крючок-ситуация + факт-строка (тизер-стата) + CTA
2Квалификатор
Что«Нужны ли вам мы?» — тот, что убрали с главной. Самоотбор аудитории.
3Секции компетенций · ЯКОРЯ
Чтопо секции на компетенцию: описание, примеры, drill-down. id под якоря (см. матрицу).
SEOгибрид: секция сейчас, URL /[dir]/comp заложен на будущее
4Динамический фид по тегу
Тянет
кейсыстатьиновостипубликации
Фильтрнаправление = X · подвал: «Все проекты/статьи →» в каталог
5Trust-блок
Чтотизер-стата вынесена на страницу + референсы клиентов направления
6CTA + параметрическая форма 02
Чтополя формы меняются под направление (см. матрицу) → профильный получатель
4 направления
Матрица: направление → специфика
Направление
Крючок hero
Секции-якоря
Тизер
Форма 02
/science Наука
Экспериментальные установки и диагностика
#vacuum #plasma #diagnostics
26 публ.
тип установки · вакуум · плазма · сроки
/industry Промышленность
Модернизация и решения для производств
#coatings #modernization
12+ проектов
что модернизируем · текущее оборуд.
/rnd R&D
Нестандартное оборудование и разработки
#machinery #thermal #automation
20+ инженеров
задача R&D · ТЗ-файл
/supply Поставки
Оборудование, когда поставщики недоступны
вся страница + equipment hub
EU·Asia
категория · бренд-аналог · кол-во
Вариант
Поставки — вариант шаблона
Общий скелет, но середина другая: канал под закупщика, не компетенции.
ОтличияЧто расходится с направлениями
Ядровместо секций-компетенций — каталог оборудования (hub с табами → реальные URL)
Форма03 запрос на поставку (категория · бренд-аналог · кол-во), не 02
Trustгеография и каналы: EU·Asia, Shanghai, доступность под санкции — не публикации
Фидбольше equipment + supply-статьи, меньше кейсов/публикаций
ТипEquipment-страница · отдельный шаблон
URL/supply/equipment/[cat] — реальный, не JS-таб
Структурачто это → как выбрать → сравнение брендов (Edwards/Pfeiffer/кит.) → доступность 2024-26 → когда НИА помогает
на макетВизуал секций, порядок drill-down, наполнение квалификатора, точные тексты hero/крючков, sticky sub-nav компетенций, scroll-offset якорей под sticky-хедер.
Контент-модель
Проработано
Корень всех зависимостей: от него висят фиды направлений, фид компании и каталоги. Держим просто — связи по общим тегам, без ручной перелинковки. Дизайн-система — отдельный док, здесь только данные.
принцип ↦Связи — по тегам, а не вручную. Добавил единицу с тегом направления или компетенции — она сама появилась во всех релевантных фидах. Нулевое сопровождение перелинковки.
Коллекции
Четыре коллекции + общие поля
Только существенные поля, без переусложнения.
ПроектПроект · кейс/проекты/[slug]
Поля
titleslugcoverexcerptклиентгодbody
Теги
направления[]компетенции[]
ПубликацияПубликация/публикации/[slug]
Поля
titleslugжурналгодDOIцитированияbody
Теги
направления[]компетенции[]
СтатьяСтатья · аналитика/статьи/[slug]
Поля
titleslugcoverexcerptдатаbody
Теги
направления[]компетенции[]
НовостьНовость/новости/[slug]
Поля
titleslugтипдатаexcerptbody
Типконференция · патент · обзор индустрии
Теги
направления[]компетенции[]
общие поляlang (ru/en/cn) · status (draft/published) · featured (для главной). Один контракт полей — под будущий кабинет+ИИ.
Теги
Две оси тегов
Всё раскладывается по ним. Больше осей не заводим.
Направление · 4
Наука
Промышленность
Разработки
Поставки
Компетенция · 9
вакуум · плазма · диагностика
покрытия · модернизация
механика · термо · автоматизация
международные поставки
Взаимосвязи
Квадрат доверия — по общим тегам
◱ авто-связьПроект ↔ Публикация ↔ Компетенция ↔ Оборудование связываются через общий тег, а не ручными ссылками. У кейса ITER тег «диагностика» — он сам показывает релевантные публикации и оборудование.
Зависимости
Матрица: страница → источники данных
Что каждая страница тянет из пула. Основа для проектирования страниц.
Страница
Что тянет из пула
Фильтр
/
кейсы + статьи + новости
featured
/направление
кейсы + статьи + новости + публикации
направление = X
/поставки
+ equipment-страницы
направление = поставки
/компания
новости + статьи
featured / тег «компания»
каталоги
свой тип, весь каталог
status = published
[slug]
сама единица + связанные по тегу
общий тег
Компания
Анатомия
Особый раздел: одна страница закрывает СРАЗУ 3 из 4 целей сайта — доверие, наём, тендеры — под 3 разные аудитории. Главная задача макета: собрать блоки так, чтобы каждая аудитория нашла своё, не размывая остальных. Статика + динамический фид.
вызов ↦Учёный ищет серьёзность, закупщик — реквизиты/легитимность, инженер-соискатель — команду и вакансии. Один макет — три чтения.
Блоки
Состав раздела
Цвет точки = цель блока: жёлтая доверие · сиреневая наём · синяя тендеры.
О нас
Позиционирование, что делаем.
История
Таймлайн с 2016, резидент Сколково.
Команда ⚠
Риск переманивания. Наукометрика вместо фото/имён напоказ.
Реком.: наукометрика (Scopus/ORCID, публикации), основатели — именами, штат — цифрами
2Карьера: блок или страница
Вопроснаём = цель №4, но контента мало
Реком.: блок-якорь #careers сейчас, отдельная /company/careers когда будут вакансии
3Реквизиты: канон
Вопросдублируются на /company и /contacts
Реком.: канон на /contacts#requisites, /company ссылается
Динамика
Фид раздела
тянет ↦Новости + статьи с тегом «компания» / featured (участие в конференциях, новые патенты). Из контент-движка по тегу — не вручную.
Контакты
Анатомия
Утилитарно-конверсионная страница с сигнатурным элементом — картой присутствия. Карта рассказывает историю: инженерная база в Питере + инновационный статус + международный охват. Служит доверию (серьёзная многоплощадочная компания), тендерам (легитимность) и поставкам (охват Китая).
канон ↦Реквизиты живут здесь (#requisites) — /company и футер ссылаются сюда. copy-paste для тендеров: юрлица + дочерние.
Карта
Точки присутствия
Каждая точка = свой тип и что доказывает.
СПб · офис
Головной офис.
тип: офис · доверие адрес — сверить (расхождение)
СПб · производство
Своё производство — capability.
тип: производство · доверие
Сколково ?
Резидент. Статус, не обязательно физточка.
решить: точка или упоминание
Китай
Канал поставок (Shanghai Yuanluo, Анастасия), не офис НИА.
тип: канал · поставки
Блоки
Состав страницы
Форма 04
имя · контакт · сообщение
+ CTA «Обсудить задачу»
Реквизиты
канон #requisites
юрлица + дочерние
copy-paste
Китай
WeChat QR
Анастасия (CN)
Ещё
email · телефон (реальный TBD)
PDF прямое скачивание
Telegram
Решения / TBD
Требует внимания
1Сколково на карте?
точка присутствия или упоминание статуса в Компании — уточнить у RKV
2Адрес офиса
Восстания 40 vs Профессора Попова 5 — расхождение, сверить с Игорем
3Карта: мир или РФ
точки в основном РФ + 1 Китай — мировая карта или РФ + вынос Китая (решить на дизайне)
Формы и модалки
Проработано
Шесть форм и семь модалок. Отправка pluggable: все формы шлют в одну точку, а получателя (Telegram / email / CRM) подключим на приёмнике позже.
submit ↦Единый endpoint POST /api/lead. В payload: тип формы, контекст (страница / направление), UTM, поля, согласие. Фронт не знает получателя — маршрут решается на приёмнике.
Общее
Правила для всех форм
Валидация
Обязательные поля
Формат email / телефона
Файлы ≤ 10 МБ
pdf · doc · jpg · png
Антиспам
hCaptcha (работает в CN)
honeypot-поле
rate-limit на приёмнике
Согласие 152-ФЗ
Чекбокс обязателен
Ссылка на /privacy-policy
Согласие хранится в заявке
i18n
Лейблы RU / EN / CN
Телефон по локали
CN → получатель Анастасия
Формы
Шесть форм
req = обязательное поле (мятным).
01Обсудить задачуCTA на главной, направлениях, футере · открывается модалкой
Поля
имяконтактнаправлениезадачафайл
Контекстнаправление подставляется автоматически со страницы, откуда пришёл
Маршрутпрофильный получатель по направлению
Успех: «Заявка принята. Ответим в течение 24 часов» + автоответ на контакт
02Параметрический запросна страницах направлений · поля меняются под направление
Наука
тип установкивакуум, мбарплазмасроки
Пром-сть
что модернизируемтекущее оборуд.
Разработки
задача R&DТЗ-файл
Поставки
категориябренд-аналогкол-во
Маршрут: профильный получатель по направлению
03Запрос на поставку/поставки + equipment-страницы
Поля
категориябренд / модель / аналогобъёмсрокиконтакт
Маршрутотдел поставок · при CN-локали — Анастасия
Успех: «Запрос у отдела поставок, вернёмся с вариантами»