Back to workPROJECT 09 / Web development

Futuristic Portfolio

DISCIPLINEWeb development
STATUS2026 redesign
TOOLSReact / TypeScript / Three.js / Motion
01 / THE PROBLEM & FOCUS

Behind the
experience.

A personal digital space where creative development meets a new dimension.

My personal portfolio, rebuilt around an interactive sculpture, considered typography, and a clear path through my work. The React implementation combines an accessible content layer with optional WebGL experiences.

Implementation focus

  • Interface design and responsive layouts
  • React and TypeScript implementation
  • 3D scene, interactions, and accessibility
02 / TECHNICAL & DESIGN DECISIONS

The decisions
behind the interface.

01

Define the experience

Bring work, personality, and experimentation together in a cohesive visual system.

02

Build the foundation

Create reusable page layouts, project content, navigation, and keyboard-friendly interactions.

03

Add another dimension

Introduce one scene at a time, with a static fallback and user-controlled motion.

03 / THE INTERFACE

A closer look.

Concept studies and interface details.

04 / OUTCOME & STATUS

What came out of it.

A working personal portfolio with dedicated project pages, an interactive playground, and responsive layouts.

Explore my GitHub profile
UP NEXT / 10

Virtual Zoo Management