Back to projects
Next.jsTypeScriptFramer MotionTailwind CSS
Frontend Developer2026

Galexora

A cinematic space exploration site designed to prove strong frontend storytelling, section architecture, and polished interaction work.

Challenge

Build a portfolio-style product experience that felt branded and immersive instead of reading like another generic landing page.

What I owned

Owned the frontend build, section system, visual pacing, and motion choices that made the site feel intentional from top to bottom.

Outcome

Shipped a more memorable, presentation-first web experience that demonstrates how I handle hierarchy, reusable sections, and visual polish.

Visual walkthrough

Screens, flow, and feel.

Desktop layout

Galexora screenshot 1

Highlights

  • Built the experience as reusable sections instead of one monolithic page so the site stayed scalable and easier to refine.
  • Used motion, layered imagery, and tighter pacing to create a stronger branded feel without overwhelming the content.
  • Added dedicated discoveries, technology, and NASA APOD-inspired sections to make the narrative feel like a real product journey.

Architecture

The site is structured as a modular Next.js frontend with reusable section components, shared design tokens, and animation-driven presentation layers that can scale as more content is added.

Lessons learned

  • A strong portfolio project needs a narrative, not just clean code. The structure of the experience matters as much as the implementation.
  • Breaking visual sections into reusable pieces made iteration much faster because I could refine pacing and hierarchy without destabilizing the rest of the page.
  • Motion feels strongest when it supports attention and rhythm instead of competing with the content.

Process

Step 1

Started by treating the site like a product story instead of a generic personal landing page, outlining the emotional arc of the page before building the sections.

Step 2

Built each section as a reusable content block so layout, spacing, and motion could be tuned without rewriting the whole page every time the story changed.

Step 3

Used image layering, motion timing, and tighter transitions to make the scroll experience feel cinematic while still keeping the content readable.

More Projects