Teific — Drone Control Panel

Teific builds drone systems for commercial operators. Their product was technically excellent but the website was static — PDFs, renders, and a contact form. They needed prospects to feel the product before buying. We turned the website itself into the pitch.

Building an interactive 3D experience that performed consistently across desktop and mobile, without sacrificing page load time, was the core challenge. Custom lighting, smooth controls, and fallback handling for devices without WebGL support all had to be solved before launch.

We built a Three.js scene with an optimised GLTF drone model, custom HDR lighting rigs, and smooth OrbitControls. A MERN stack API serves configuration data and telemetry stubs. The scene is lazy-loaded behind a skeleton screen. Static assets are served via NGINX on VPS with aggressive caching headers. Every interaction was prototyped in Figma before a line of Three.js was written.

• Interactive Three.js scene with GLTF drone model and custom HDR lighting
• Figma-first design process — every interaction prototyped before build
• Lazy-loaded 3D scene with skeleton screens and WebGL fallbacks
• VPS hosting with NGINX caching for sub-100ms asset delivery