Alfan Jauhari
EST—2025

Architecting

Tomorrow's

Digital

Landscape

Loading...
AJ.
Back to Home

Zero One Group Website

A modern portfolio website for Zero One Group a leading integrated technology services company helping businesses redefine future possibilities with strategic digital solutions. The site blends sleek UI/UX with interactive transitions and 3D visual elements to reflect the company’s forward-thinking culture.

Client

Zero One Group

Role

Product Engineer III

Year

2024

Technologies Used

TypeScript
ReactJS
NextJS
ThreeJS
React Three Fiber
Framer Motion
Live Website

The Challenge

- Implementing advanced 3D graphics that feel fluid and integrated with the UI, requiring complex calculations for object positioning and form. Balancing user experience, visual sophistication, and performance especially for interactive and animated elements. - First-time implementation of Three.js with React Three Fiber, pushing the limits of what I’d done before with 3D on the web.

The Solution

I implemented multilingual routing through the Next.js Page Router to keep translations clean, predictable, and easy to extend. For SEO, I followed Google’s best practices plus a mix of vetted third-party guidelines to structure metadata, indexing, and semantic content. And for SSR, I fully leveraged Next.js’ server-side rendering to deliver faster initial load times, stable performance across regions, and a better foundation for dynamic content.

About Zero One Group Website

Zero One Group’s official website (zero-one-group.com) serves as a digital showcase of my company identity, capabilities, and portfolio of work. Built to reflect the brand theme “Transforming tomorrow, today,” the site combines modern design, 3D interactions and polished transitions to create an engaging experience that reflects the company’s mission of driving innovation and strategic solutions for clients worldwide.

This project required balancing UX/UI excellence with performance constraints ensuring the visual sophistication didn’t come at the cost of accessibility and responsiveness. Three-dimensional elements are used not as gimmicks but as expressive layers that support the narrative and enhance user engagement. By leveraging React, React Three Fiber, and tailored performance optimizations, the website delivers a seamless and dynamic experience for visitors while staying true to Zero One Group’s progressive brand identity.