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.

Enter Project ->

Design process

10 hours

World Model

Plan the 3D portfolio around the planet scene, skill islands, and the content visitors need to reach quickly.

Spatial IAPortfolio Content MapWebGL Risk Review

34 hours

Scene Build

Develop the interface layers, animated objects, and supporting sections around a clear portfolio journey.

Three.js Scene PassSkill Island LayoutContact Path Design

52 hours

Frame Rate Pass

Balance visual impact with responsive behavior, fallback states, and smooth interaction on real devices.

Device PerformanceAnimation BudgetingResponsive Fallbacks

Initial concepts

Early UI Concepts and Visual Explorations.

Horizon initial concept 1
Horizon initial concept 2
Horizon initial concept 3
Horizon initial concept 4
Horizon initial concept 5
Horizon initial concept 6
Horizon initial concept 7
Horizon initial concept 8
Horizon initial concept 9
Horizon initial concept 10
Horizon initial concept 11
Horizon initial concept 12
Horizon initial concept 1
Horizon initial concept 2
Horizon initial concept 3
Horizon initial concept 4
Horizon initial concept 5
Horizon initial concept 6
Horizon initial concept 7
Horizon initial concept 8
Horizon initial concept 9
Horizon initial concept 10
Horizon initial concept 11
Horizon initial concept 12
Horizon initial concept 1
Horizon initial concept 2
Horizon initial concept 3
Horizon initial concept 4
Horizon initial concept 5
Horizon initial concept 6
Horizon initial concept 7
Horizon initial concept 8
Horizon initial concept 9
Horizon initial concept 10
Horizon initial concept 11
Horizon initial concept 12
Horizon initial concept 1
Horizon initial concept 2
Horizon initial concept 3
Horizon initial concept 4
Horizon initial concept 5
Horizon initial concept 6
Horizon initial concept 7
Horizon initial concept 8
Horizon initial concept 9
Horizon initial concept 10
Horizon initial concept 11
Horizon initial concept 12
Horizon initial concept 1
Horizon initial concept 2
Horizon initial concept 3
Horizon initial concept 4
Horizon initial concept 5
Horizon initial concept 6
Horizon initial concept 7
Horizon initial concept 8
Horizon initial concept 9
Horizon initial concept 10
Horizon initial concept 11
Horizon initial concept 12
Horizon initial concept 1
Horizon initial concept 2
Horizon initial concept 3
Horizon initial concept 4
Horizon initial concept 5
Horizon initial concept 6
Horizon initial concept 7
Horizon initial concept 8
Horizon initial concept 9
Horizon initial concept 10
Horizon initial concept 11
Horizon initial concept 12
Horizon initial concept 12
Horizon initial concept 11
Horizon initial concept 10
Horizon initial concept 9
Horizon initial concept 8
Horizon initial concept 7
Horizon initial concept 6
Horizon initial concept 5
Horizon initial concept 4
Horizon initial concept 3
Horizon initial concept 2
Horizon initial concept 1
Horizon initial concept 12
Horizon initial concept 11
Horizon initial concept 10
Horizon initial concept 9
Horizon initial concept 8
Horizon initial concept 7
Horizon initial concept 6
Horizon initial concept 5
Horizon initial concept 4
Horizon initial concept 3
Horizon initial concept 2
Horizon initial concept 1
Horizon initial concept 12
Horizon initial concept 11
Horizon initial concept 10
Horizon initial concept 9
Horizon initial concept 8
Horizon initial concept 7
Horizon initial concept 6
Horizon initial concept 5
Horizon initial concept 4
Horizon initial concept 3
Horizon initial concept 2
Horizon initial concept 1
Horizon initial concept 12
Horizon initial concept 11
Horizon initial concept 10
Horizon initial concept 9
Horizon initial concept 8
Horizon initial concept 7
Horizon initial concept 6
Horizon initial concept 5
Horizon initial concept 4
Horizon initial concept 3
Horizon initial concept 2
Horizon initial concept 1
Horizon initial concept 12
Horizon initial concept 11
Horizon initial concept 10
Horizon initial concept 9
Horizon initial concept 8
Horizon initial concept 7
Horizon initial concept 6
Horizon initial concept 5
Horizon initial concept 4
Horizon initial concept 3
Horizon initial concept 2
Horizon initial concept 1
Horizon initial concept 12
Horizon initial concept 11
Horizon initial concept 10
Horizon initial concept 9
Horizon initial concept 8
Horizon initial concept 7
Horizon initial concept 6
Horizon initial concept 5
Horizon initial concept 4
Horizon initial concept 3
Horizon initial concept 2
Horizon initial concept 1

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.

Horizon initial concept layout
Full frameInitial concept layout

Live project

The full project is available as a live build, with the complete interaction model, pacing, and responsive behavior in place.

Enter Project ->

Detail Driven project preview