ayweb
all projects
Websiteayweb · interactive showcase · 2025

3D Interactive Portfolio

An immersive 3D desk scene built with Three.js + GSAP — clickable objects, a built-in mini-game with AI opponent, mobile-tuned camera angles, and a "Simple View" resume mode.

// live preview

Click around the actual product.

demo.ayweb.app/3d-interactive-portfolio
// case study

Why ayweb · interactive showcase hired us.

Overview

A portfolio designed to feel less like a website and more like an interactive environment. The visitor lands inside a 3D desk scene rendered with Three.js, with GSAP choreographing camera moves between focal objects. Each item on the desk maps to a section — work, resume, feedback — and a built-in mini-game with adjustable difficulty gives the visitor something to actually do. Includes a "Simple View" fallback for visitors who just want the linear resume.

Problem

Standard portfolios are scroll-down, image-grid, here-are-the-links. They blur together. For a creative or interactive role, that flattens the very thing you're trying to demonstrate — the ability to build experiences, not just brochures.

Outcome

An indie-game-feel 3D environment where every object is interactive: clickable focal points, mini-game with multiple difficulty levels and an AI opponent, simple-view mode for the resume crowd, mobile-optimized camera framing, and a Netlify-Forms feedback path. Static deploy, no backend.

// what shipped

Key features.

  • Interactive 3D desk environment rendered with Three.js
  • Clickable objects each routing to a real portfolio section
  • Built-in mini-game with multiple difficulty levels + AI opponent
  • "Simple View" mode — clean linear resume for fast scanners
  • Mobile-tuned camera angles for the same scene on small screens
  • Feedback funnel via Netlify Forms · static deploy · zero backend
// for your team

Want a website like this?

Tell us what you're trying to ship. We'll come back inside two business days with a frank assessment and a clear plan.