Все проекты
СОКОЛ — корпоративный сайт
Многостраничный сайт производителя бортовой электроники для БПЛА в стиле «инженерной системы».
- Роль
- Разработчик и дизайнер интерфейса
- Заказчик
- СОКОЛ — Русская авионика (бортовая электроника для БПЛА)
- Статус
- Дизайн-система и главная готовы (этап 3 из 7). Ждём фото и видео от заказчика.
Тёмный интерфейс с крупной узкой типографикой, моно-подписями параметров и сдержанной анимацией: подача по образцу крупных tech-брендов, но с собственной дизайн-системой.
Что сделано
- Дизайн-система на CSS-переменных: токены цвета, шрифтов и отступов, 12-колоночная сетка, отдельная страница styleguide со всеми компонентами.
- Чистые HTML5 + CSS3 + ES-модули без фреймворков и сборщиков; контент и меню работают без JavaScript, JS только улучшает.
- Анимации на CSS и IntersectionObserver: появление блоков, набегающие счётчики, живая схема инженерного контура; отключаются при prefers-reduced-motion.
- Полноэкранное меню-оверлей с фокус-ловушкой и закрытием по Esc, прозрачная шапка с размытием при скролле и индикатором раздела.
- Доступность: семантическая разметка, skip-link, видимый фокус, контраст WCAG AA; шрифты подключены локально, без внешних CDN.
- Запуск локального просмотра двойным щелчком (собственный Node-сервер).