After 3 months of work, Bruno Simon decided to launch his portfolio site and send out a tweet.
The creative and unusual approach to a design portfolio struck a chord with many and soon thousands of people spent hours playing with Bruno's portfolio. To date, more than 400,000 people have visited Bruno's portfolio and he has won Site of the month at Awwwards. He is currently in the running for the Site of the Year. Impressive!
What I love about Bruno's portfolio is how he approached the idea of showcasing work. He took the liberty to make his portfolio a playground where you can see his craft and creativity in full display.
I wanted to find out a little bit more about the inspiration behind the site, so I reached out to Bruno:
Bruno: The reason why I developed a new portfolio was at first for my students. Each year, I help them develop their own but mine wasn’t really a good example.
I’m a gamer and I’m always saying that physics isn’t used enough in web. Going for a game where you can interact with object was therefore kind of obvious.
But why a car game then? I think it’s easier to navigate than a first person game and I loved Micro Machine on Playstation when I was a kid.
Bruno: I don’t want to do the same things all my life. I need to vary once in a while. HTML/CSS/JS is cool, but WebGL brings so much new stuff that I had to jump in it.
When I was kid, I also had a teacher that told us the basics of 3D modeling and I really liked it. And as I said earlier, I’m a gamer and WebGL brings the power of the GPU in the browser which is the perfect opportunity to develop games!
Bruno: I used Three.js for the WebGL rendering and I really couldn’t do it without this library. I’ve done native WebGL and it’s way too hard. It takes hundreds of line of codes just to have a rotating cube.
For the physics, I used the Cannon.js library which is simple and efficient.
For the modeling, I used Blender. I tried many 3D softwares like 3DS Max, C4D, etc. but, to me, Blender is the best (especially since the 2.8 update).
Bruno: Not that much. It’s a combination of many techniques I’ve learnt this past few years, especially at Immersive Garden where I worked for 3 years.
Bruno: I still don’t know what happened and why people like my portfolio this much. I think it was just the right idea at the right time with good tweaks.
And I hope to see new websites come out in the same vein. The code is actually open source and people can just take it and do what they want with it.
Bruno: I would say “unfortunately” yes. I received lots of job offers, freelance projects, people that just wanna hangout and talk about WebGL, interviews and even conferences, which were really great opportunities!
However it was a little too much for me and so unexpected at once, and I spent hours just answering people. But obviously I'm so thankful bout these, that’s why I wanted to take the time to answer all messages one by one.
Now, things are finally settling down a little so I can breath again!
Bruno: The Cybertruck wasn’t the hardest thing to model as you might have guessed. Too bad Elon Musk never replied! Almost everything had been done in Blender.
Bruno's portfolio is yet another example of what creativity can question the norms and produce something new and inspiring. Thanks Bruno!