Mission log
Designing a Space-Themed Portfolio
How a playful star-system interface can stay accessible, fast, and professional.
The core design constraint is simple: the content must never depend on the canvas.
That rule changes the animation from the product into an enhancement. The navigation is normal semantic HTML first, while the ship, destinations, and motion layer add a second way to explore.
Originality
The site borrows an architectural idea from creative WebGL portfolios: a real-time scene can be a navigation surface. The art direction, routes, copy, and mechanics are intentionally different.
Accessibility
Every destination in the star map has a normal link. Keyboard users can tab through the site navigation, use the skip link, and read every page without touching the animated scene.
Performance
The animation is lazy-loaded after the main page content. Quality profiles cap pixel ratio and star count, and reduced-motion users receive a static fallback instead of an automatically moving scene.