Zera Studio

3D / Portfolio / 2026

A 3D portfolio concept that turns technical ability into an explorable world.

Horizon project preview
Project framePrototype

Horizon reframes the portfolio as a spatial experience. Three.js visuals, animated islands, and concise content create a memorable showcase for skills, projects, and personality.

Design process

6 hours

Discovery

Clarify the audience, offer, and page hierarchy before visual decisions are locked.

Information ArchitectureUser PersonaResearch

24 hours

Strategy

Turn the direction into positioning, conversion logic, and a tighter interaction flow.

Competitor AnalysisHypothesis BuildingInteraction Flow

40 hours

Solution

Shape the final experience through motion, responsive screens, and visual direction.

Prototype AnimationsInteractive WireframesMoodboard & Visual Direction

Initial concepts

Early UI Concepts and Visual Explorations.

Horizon 3D portfolio island
Spatial interface exploration
Horizon 3D portfolio island
Spatial interface exploration
Horizon 3D portfolio island
Spatial interface exploration
Horizon 3D portfolio island
Spatial interface exploration
Horizon 3D portfolio island
Spatial interface exploration
Horizon 3D portfolio island
Spatial interface exploration
Spatial interface exploration
Horizon 3D portfolio island
Spatial interface exploration
Horizon 3D portfolio island
Spatial interface exploration
Horizon 3D portfolio island
Spatial interface exploration
Horizon 3D portfolio island
Spatial interface exploration
Horizon 3D portfolio island
Spatial interface exploration
Horizon 3D portfolio island

Challenge / response / impact

The site needed to stand apart from standard developer portfolios without burying the work, skills, or contact path under the 3D treatment.

Response

We treated the 3D scene as the organizing layer, then kept interface copy and interactions direct so the experience stayed immersive and usable.

Impact

The finished concept creates a strong first impression while preserving the practical job of a portfolio: show range, prove craft, and make contact easy.

Spatial interface exploration
Full frameSpatial portfolio exploration

Mobile responsive

Mobile frames keep the same tone, hierarchy, and conversion cues while tightening the page for swipe-first browsing.

Horizon 3D portfolio island
Spatial interface exploration
Horizon 3D portfolio island
Spatial interface exploration
Horizon 3D portfolio island

01 / 05

Three.js
WebGL
3D direction
Portfolio UX
Detail Driven project preview