Редизайн nure.ua

Аудит та прогрес проєкту

Повний редизайн сайту Харківського національного університету радіоелектроніки. Сучасний frontend на Astro 5 з headless WordPress як CMS.

Березень 2026 · Фази 1–4 завершені

Архітектура

WordPress (існуючий) → REST API → Astro SSG → CDN

Astro 5
Static site generator
TypeScript
Типізація
Tailwind CSS 4
Стилі
WordPress REST API
CMS backend
Inter Tight
Основний шрифт
IBM Plex Mono
Моноширинний

Метрики

Порівняння з поточним сайтом nure.ua

95+
Lighthouse Performance
target
95+
Lighthouse Accessibility
target
<10KB
JavaScript bundle
vs ~500KB поточний
<1s
First Contentful Paint
vs 3-6s поточний
35+
Сторінок
UA + EN + dynamic
3
Шаблонів
спеціальність, новина, факультет

Виконано

32 завдань завершено

Аудит поточного сайту nure.ua 10 критичних проблем задокументовано
Архітектура Astro 5 SSG + Headless WordPress REST API
Дизайн-система Кольори, типографіка Inter Tight + IBM Plex Mono, відступи, радіуси
i18n маршрутизація UA/EN з автоматичними шляхами
Головна сторінка UA + EN версії, hero, stats, програми, heritage блок, партнери, новини, CTA
Дизайн-ітерації v1 → v2 → v3: шрифти, кольори, копі, layout
Шаблон спеціальності 3 спеціальності: 121, 122, 125 з кар'єрою, компетенціями, дисциплінами
Шаблон новини 3 статті з prose-стилями, sidebar, пов'язані
Список новин Хронологічний перелік з тегами
Admission flow 5-кроковий процес вступу, вимоги, дати, контакти комісії
Про університет Історія, факультети, місія, рейтинги, партнери
Контакти 6 підрозділів, карта, соцмережі, транспорт
Студентам Розклад, ЄДЕБО, бібліотека, гуртожитки, ресурси
Темна тема Системна + ручна, збереження в localStorage
Наука Дослідження, публікації, лабораторії, журнал Scopus, PhD
Schema.org розмітка EducationalOrganization для SEO
WordPress API клієнт Mock-дані, готовий до підключення
Шаблон факультету 6 факультетів з кафедрами, деканом, контактами
Mega-menu навігація Dropdown з факультетами та швидким доступом
Глобальний пошук Client-side, Cmd+K / /, 20+ індексованих сторінок
Фільтрація спеціальностей AND-фільтр: ступінь × факультет, aria-pressed, fade-анімація
SEO sitemap.xml, robots.txt, hreflang, structured data
Accessibility Skip-nav, focus-visible, ARIA labels, semantic HTML
404 сторінка Кастомна сторінка помилки
WordPress API клієнт Mock↔live одним .env прапорцем
Webhook auto-rebuild POST /api/webhook з верифікацією
Web Vitals моніторинг LCP, FID, CLS, FCP, TTFB + performance budget
Карта кампусу 5 корпусів, транспорт, Google Maps link
Календар подій 8 подій, 5 типів (academic/admission/science/culture/sport)
Розклад занять CIST API клієнт, mock groups/lessons, groupByDay
Skeleton loaders text, card, image, table-row варіанти
Документація Контент-менеджер + deployment guide

Усі сторінки

сторінка Головна (UA)
/
сторінка Головна (EN)
/en/
сторінка Про університет
/about
сторінка Абітурієнтам — Admission Flow
/applicants
шаблон 121 Інженерія ПЗ
/applicants/specialties/121
шаблон 122 Комп'ютерні науки
/applicants/specialties/122
шаблон 125 Кібербезпека
/applicants/specialties/125
сторінка Новини — список
/news
шаблон Стаття: QS Europe 2026
/news/nure-qs-europe-2026
шаблон Стаття: THE Rankings
/news/the-natural-sciences
шаблон Стаття: Scopus
/news/scopus-journal
сторінка Студентам
/students
сторінка Наука та дослідження
/science
сторінка Контакти
/contacts
сторінка Факультети — список
/faculties
шаблон Факультет КН
/faculties/kn
шаблон Факультет КІ
/faculties/ki
шаблон Факультет ІКМ
/faculties/ikm
шаблон Факультет КБ
/faculties/kb
шаблон Факультет АМ
/faculties/am
шаблон Факультет ЕБ
/faculties/eb
шаблон 123 Комп'ютерна інженерія
/applicants/specialties/123
шаблон 124 Системний аналіз
/applicants/specialties/124
шаблон 126 Інформаційні системи
/applicants/specialties/126
шаблон 151 Автоматизація
/applicants/specialties/151
шаблон 163 Біомедична інженерія
/applicants/specialties/163
шаблон 171 Електроніка
/applicants/specialties/171
шаблон 172 Телекомунікації
/applicants/specialties/172
сторінка Карта кампусу
/campus
сторінка Календар подій
/events
сторінка Розклад занять
/schedule
сторінка Документація CMS
/docs

Дорожня карта

завершено

Фаза 1 — Frontend Foundation

Головна сторінка UA + EN
Шаблон спеціальності
Шаблон новини + список новин
Admission flow (абітурієнтам)
Про університет
Студентам
Контакти
Дизайн-система + темна тема
i18n маршрутизація
WordPress API клієнт (mock)
завершено

Фаза 2 — Content & Infrastructure

Шаблон факультету (6 факультетів)
Mega-menu з факультетами
Глобальний пошук (Cmd+K)
Фільтрація спеціальностей
10 спеціальностей з деталями
OG meta для соцмереж
SEO: sitemap.xml + robots.txt
Accessibility: skip-nav, focus, ARIA
Back-to-top кнопка
404 сторінка
завершено

Фаза 3 — Infrastructure & Integration

WordPress API клієнт (mock↔live через PUBLIC_USE_MOCK)
Webhook auto-rebuild (/api/webhook, Vercel Deploy Hook)
CIST Schedule API клієнт з mock fallback
Сторінка розкладу з вибором групи
.env.example з усіма конфігами
Документація для контент-менеджерів (/docs)
Hybrid SSR (Astro output: hybrid)
завершено

Фаза 4 — Polish & UX

Карта кампусу (5 корпусів, транспорт)
Календар подій (8 подій, типи, кольори)
Events data layer з getUpcoming/getByMonth
Skeleton loaders (text/card/image/table-row)
Breadcrumb компонент з Schema.org
OG + Twitter meta для соцмереж
Applicants: AND-фільтр (ступінь × факультет) з aria-pressed
Applicants: Hero CTA (Подати заяву + Спеціальності)
Applicants: Timeline-коннектор у кроках
Applicants: Таби для вимог (Бакалаврат/Магістр/Іноземці)
Applicants: Мобільні CTA у кожному кроці
Applicants: Fade-анімація карток при фільтрації
Global: мін. розмір mono caps 0.68rem (з 0.62rem)
наступна

Фаза 5 — Launch (потребує університет)

Підключення до live WordPress API
Реальний контент та фотографії
DNS перемикання nure.ua
SSL сертифікат
Навчання контент-менеджерів
Monitoring в production
ХНУРЕ Redesign · 2026