Bruno Simon Portfolio
Open-source 3D interactive portfolio — visitors drive a tiny car through a Three.js world (WebGPU with a WebGL fallback) to explore. Sets the bar for creative developer portfolios.
Location
Didn't say. We're respecting the mystery.
Skills
What makes it work
A breakdown of the choices that make this portfolio stand out.
The medium is the message
Rather than putting 3D animations on top of a traditional portfolio, Bruno made the 3D experience the entire navigation system. Exploring his portfolio IS demonstrating his skill — you understand what he can build by the time you reach his contact form.
Technical difficulty as a filter
Building this portfolio requires WebGL, 3D physics, collision detection, and custom input mapping. Any client or employer who reaches out already knows they're hiring someone exceptional. The portfolio self-selects for the right opportunities.
Playfulness as a brand differentiator
The car is joyful and a little absurd. In a sea of sober dark-mode portfolios, joy is memorable. Visitors share it — and can even leave short public "whispers" for the next visitor, because it's fun to use.
Practical content underneath the creativity
Beneath the spectacle, every project still has a name, description, and link. The creative layer doesn't sacrifice clarity — it enhances it. Projects are discovered naturally rather than listed in a grid.
What Frontend Developers can take from this
Specific, actionable tips to apply to your own portfolio — no generic advice.
If you're going creative, make the interactivity serve navigation — don't add 3D on top of a traditional layout.
The technical difficulty of your portfolio itself is a signal. A WebGL game says more than a list of skills that includes "WebGL".
Joyful, shareable work markets itself. People tweet Bruno's portfolio regularly, years later.
Even the most experimental portfolio needs clear contact information. Don't let creativity bury the CTA.
Creative portfolios work best when they match the type of work you want to do. If you want creative agency work, be creative. If you want SaaS engineer roles, be clean and fast.
Projects
The project and the portfolio are the same thing for Bruno Simon: a small car driven through an open-source Three.js world to find the work. The takeaway isn't "build in 3D" — it's that a portfolio can be its own best exhibit.
Folio 2025 — Drive-to-Explore 3D Portfolio
A browser-based 3D world visitors explore by driving a small car. The welcome text: 'Please drive around to learn more about me and discover the many secrets of this world.' It supports keyboard, mouse, touch and gamepad, with boost, brake, jump, hydraulics and a map. The world adds achievements, a timed circuit with a daily leaderboard, and 'whispers' — short public messages left by visitors (max 30 kept). The game loop runs vehicle physics, day and year cycles, weather, wind, a tornado, foliage and grass systems.
Everything a creative-technology hiring manager could ask about is on display at once: real-time physics, a shader pipeline that targets WebGPU with a WebGL fallback, input abstraction across four device types, audio, and simulation systems in a clear game-loop order. Open-sourcing it, Blender files included, lets anyone check the work.
Rapier physics drives the car (the 2019 version used Cannon.js); Three.js TSL lets one codebase render with WebGPU or fall back to WebGL
Four input schemes — keyboard, mouse, touch, gamepad — mapped to the same vehicle controls
Multiplayer-flavored touches (a circuit leaderboard and visitor 'whispers') keep working when the server is offline
Source plus Blender files under MIT, and the soundtrack released CC0
Three.js Journey
Bruno's Three.js course, linked from inside the portfolio as the place to 'learn Three.js'. It offers 116 hours of video taking learners from absolute beginner to advanced 3D web developer, organized into chapters of lessons.
Turning your own specialty into a 116-hour curriculum that 50k+ people enroll in shows depth — you can only teach this much of a topic if you understand it — plus the product and communication skills that studios value in senior creative developers.
116 hours of video, beginner to advanced
50,931 students enrolled
The portfolio itself works as the course's showcase — the site's og:site_name is literally 'Three.js Journey'
More Frontend Developer portfolios
Ready to build your portfolio?
Follow the Frontend Developer roadmap — skills, projects, and timeline to get hired.