Build with Passion!

Projects-
Page

Building responsive, block-based e-commerce and web solutions optimized for performance.

Overview

Interactive 3D &
Mechanical Concepts

Static images can't fully communicate mechanical flow, spatial dimensions, or mechanical kinematics. Using Three.js and custom shader logic, I render functional 3D models with interactive OrbitControls, dynamic lighting, and real-time animation.

Bridging the gap between industrial design and modern web technology. I build interactive 3D environments and real-time WebGL experiences that bring mechanical concepts, CAD assets, and complex kinetic models directly into the browser.

View The Results

Choose a button to view the project.
Transpose is the rebuild and Original is the referance offline site.

Transposed Original

The Method in the Madness

The Creative
Process

01
The Analyzing Phase
I discuss your business, audience, and goals. I ask the right questions so I understand what success looks like for you.
02
Research & Discovery
I study your competitors and build a moodboard of visual directions. You approve the direction before any design begins.
03
Design & Create
I develop as many concepts as needed and evaluate each one against proven design principles, then present them with clear reasoning — why each choice deserves your brand.
04
Refine & re-design
Your feedback shapes the final result. Two rounds of revisions are included in every package.
05
Conclusion & Completion
You receive all final files in every format you'll ever need, plus a brand guide for consistent future use.

Analizing Phase

Interactive Mechanical &
Kinematic Simulation

Overview: A web-first interactive 3D showcase designed to simulate mechanical assemblies and industrial concepts in real time without heavy plugins or video renders.

Execution: Modeled and textured clean assets in Blender, then optimized and rendered via Three.js with baked lighting maps, smooth OrbitControls, and custom animation loops.

Tech Stack: Three.js, WebGL, JavaScript (ES6+), GLSL Shaders, Blender.

Technical Capabilities

Performance &
Asset Pipeline

  • Real-time WebGL Rendering: Lightweight 3D model delivery optimized for smooth 60fps browser performance.
  • CAD-to-Web Pipeline: Streamlined asset workflow from Blender geometry to web-ready GLTF/GLB formats.
  • Interactive Controls: Intuitive rotation, zooming, explosion views, and camera state transitions.
  • Baked Lighting & Shading: Optimized ambient occlusion and realistic surface materials for quick render times.

Ready to build something
beautiful?

Let's chat about your project. No pressure, no jargon — just a straightforward conversation about what you need.

Get A Free Quote View My Work
© 2026 Pieter Coetzer. All rights reserved.
Dr in fi Be