COSMOS Интерактивный сайт-визитка об исследовании космоса
Кейс в категории «Дизайн»: задача, подход к работе и результат для заказчика.
Кейс в категории «Дизайн»: задача, подход к работе и результат для заказчика.
Задача: разработать впечатляющий сайт-шоукейс на тему космоса —
без шаблонов и типичной AI-эстетики. Цель — portfolio piece,
который с первой секунды захватывает внимание посетителя.
Процесс: спроектировал и реализовал полностью кастомный
одностраничный сайт на React + Vite. Разработал живое
звёздное небо на Canvas API с анимированными звёздами,
туманностями и падающими звёздами — без каких-либо библиотек.
Создал интерактивный раздел с 6 космическими объектами
(чёрная дыра, нейтронная звезда, квазар и др.) с переключением
вкладок и динамической сменой цветового акцента всей страницы.
Реализованы кастомный курсор с эффектом свечения,
scroll-reveal анимации через IntersectionObserver,
адаптивная вёрстка для всех устройств и полноэкранное
мобильное меню с анимированным hamburger.
Результат: высококачественный frontend-проект с уникальным
визуальным языком — тёмная космическая палитра,
типографика Bebas Neue + Outfit, glassmorphism navbar,
4 полноценных раздела (Hero, About, Universe, Gallery).
Полностью адаптивен от 320px до 1440px+.
Ссылка - https://space-eight-iota.vercel.app/