CREATIVE SHOWCASE

ARKITEK STUDIO

CLIENT / CONTEXTBandung, ID — Architectural Firm

ROLEFULL-STACK & CREATIVE ARCHITECT

TECH STACKNext.js • Three.js • WebGL • GSAP • Tailwind CSS

YEAR2024

The Challenge

A leading contemporary architecture and interior design studio in Bandung wanted an immersive online presentation to showcase large-scale spatial concepts, blueprints, and 3D architectural models to international clientele.

Business Impact

3.2x increase in foreign inquiry conversions.
Awwwards Site of the Day nominee.
Smooth 60 FPS performance maintained across tablet and mobile displays.

Technical Architecture & Solution

A WebGL-powered 3D spatial viewer embedded in Next.js, featuring customized PBR materials, ambient occlusion shaders, and progressive geometry streaming.

Key Architectural Decisions

Progressive LOD (Level of Detail): Dynamic polygon reduction based on client GPU capability and screen dimensions.
GLTF Draco Compression: 70% reduction in 3D asset download size for rapid initial scene loading.
Custom Shader Post-Processing: Film grain, subtle chromatic aberration, and depth of field.

VISUAL SHOWCASE // SYSTEM INTERFACES

2 PLATES