Filtering

{{ keyMap.option[1] }}
Major projects
Minor projects
{{ keyMap.accept[1] }}
{{ keyMap.hud[1] }}
Projects

Ben's portfolio

I'm Creative and technical Digital project manager with coding and design background.

Self-learner and curious, passionate about the digital world, I have the chance to develop my hard and soft skills through collaborations with my clients, business partners and colleagues around various technologies in line with the latest IT trends & Digital market.

I use code and design skills to prototype ideas, lead preliminary researches and feasibilities studies (POC), automate and improve internal tools. Delivering game changing digital projects and can be relied upon to always have the customer’s best interest at heart.

Trough my activities as a digital producer, lead developer and freelancer, I work with top 500 world’s largest companies and government organizations.

Coding

Main stack

I'm a fullstack developer, working mainly with Javascript. My preferred backend stack is Ruby on Rails, while I sometime use Flask to quickly set up a micro framework.

Secondary

I occasionally worked with PHP and NodeJS (Express), and more largely with Python scripts for many sorts of automations.

Others

Among others, I worked with Android Studio and Xcode to prototype native mobile apps. And Unity for AR app

Design

Software

I made lots of webdesigns - especiallly for freelance; besides that, I use design software for my daily work as project manager/digital producer for many sorts of documents - wireframes, fllows, sitemaps, diagrams, technical approaches...

3D

I started 3D modeling as a hobbit, with Blender. I'm using EEVEE for fast rendering, especially for animations; and occasionnaly Cycle for single shots.

I also tried Rhino3D during my studies, and Keyshot for renders.

In a near future, I would like to experiement with Houdini Apprentice.

Clients

Some clients I worked with

HM (Her Majesty - UK Government), BOSCH ASEAN, Spotify, Suntory PepsiCo and local Vietnamese clients

Projects

The project page (link below) is an interactive map, where you can explore the different projects I worked on, and sort them by skills. I listed 20 of my most important projects over these 5 last years.

Legend

Colors
Major projects
Minor projects
Icons

Interaction

To interact with the map, it's very much like Google Maps. Use the following controls:

Two fingers to pan and zoom the map

hand gesture - one finger to pan and zoom
Identidy and branding for BLISS
Developping company brand and culture

Double tap to open a project

hand gesture - one finger to pan and zoom

Left click to drag and pan the map

Identidy and branding for BLISS
Developping company brand and culture
Pan icon Pan the map with the left click

Double click to open a project

Identidy and branding for BLISS
Developping company brand and culture

And the mouse wheel to zoom in and out

Downloading assets...

Analytics

Expand details

Privacy does matter to me. I hate being tracked when browsing and visiting websites.

In the meantime, I would like to have some inkling about how many people visit my website. So I opted for Google Analytics.

Analytics wil start as soon as you start the project map, unless you uncheck the checkbox below.

More about privacy on the option menu (Space bar)

Beta version
Internet Explorer is not supported. Please switch to Chrome or Firefox.

Website config

Adjust the general settings at your please

Controls

Mouse

Pan Zoom in/out Select a project

Keyboard

{{ keyMap.option[1] }}
Close project details and Option menu
{{ keyMap.hud[1] }}
Display/hide HUD
{{ keyMap.accept[1] }}
Open/close the Option menu (current menu)

Graphics

You can switch to low performances if the animation is not smooth. To switch to high perf, please refresh the page

Shows an info box that monitor code performance. You can click to parade across FPS (Frames rendered in the last second), MS (millisecond needed to render a frame) and MB (allocated memory).
If your system is set up to Dark mode, it may not work.

About me

Contact me

If you want to shoot me an email:

Links - social medias

You'll find pretty much the same content as on the website - plus few extra work and projects that didn't fit here.

I'm project manager and digital producer who puts code and design into my daily work.

I'm Ben Richebois (aka Richwood). While my main job is Project manager and Digital Producer, I use code and design capabilities to prototype ideas, lead preliminary researches and feasibilities studies (POC), automate and improve internal tools.

I also work on freelance jobs.

This portfolio has been designed with a single idea in mind: to show evidence and examples of project I made for every skills I state in my portfolio.

Some of the techno I work with daily

Places where I lived

Map of saigon
Map of lyon
Map of montreal
Map of paris

Other hobbies

Urban planning

Urban planning and all kind of city stakes - such as gentrification, energy optimization and reduction, waste management, rural exodus, stream and flux etc. - are major interests for me. With the growth of AI, modelisation and simulation tools, I look with interest at the solutions of tomorrow.

3D modeling and animation

I discovered Blender when I was in high school and I toy with the tool since that time. I look with attention at the latest trends, tools, technics, practices and methodologies; I keep up with rendering engines, PBR, shaders, game engine integrations, portfolios, filming technics (such as semicircular LED video wall) and the like.

Storytelling in video games

I'm really keen on video games, as a medium that tells stories and carries complex narrative arcs. Unlike a movie or a novel for instance, it allows to involve users further than any other medias.

It's not a coincidence if this portfolio is designed like a video game...

Stats

Some statistic about your current session

Ellapsed time from beginning of the session: {{ t1 }}

Your GPU: {{ gpu }}

Credits

This portfolio is built with these technologies:

  • ThreeJS
  • VueJs
  • SASS
  • Webpack 4

Refernces

This portfolio is inspired by these references

  • Menu, options and overall layout
    • Inspiration from Cyberpunk 2077, Detroit: Becoe human and The Division
    • Intro: inspired by Stripe website, for the idea of "skills that go over compartments".
    • : material design-inspired checkboxes
  • - a visual tool for project management, with the same zoom and pan approach
  • Timeline: it's largely inspired by the summary ending each mission in Detroit: Become Human
  • Lots of help and code snippets from and
  • For the layout and in the element animations, I got inspired by from the ThreeJS website.
  • For the bounds, I used the

The source code is accessibe on my GitHub:

Stack

Here is an overview of my daily tools, for development, design and project management.

I tend to switch as much as possible to FOSS, and get rid of licenced applications.

  • Linux Debian 10

Dev

  • Atom
  • Firefox Developer Edition
  • (for merge diff)
  • Task runner
    • Python scripts
    • Gulp
    • Webpack
    • Parcel

Services

  • Heroku
  • GitLab

Framework / Stack

  • javascript
    • NodeJS & NPM
    • VueJS
    • React
    • ThreeJS
  • Ruby
    • Ruby on Rails
    • ActiveAdmin
  • Python
    • Flask

Design

Project management

  • Productivity:
  • Documentation and references:
  • Project management:
  • Project management:
  • Time tracker:
  • Coding time tracking:
  • Google Apps
  • Thunderbird

Misc

  • Blender (with EEVEE & Cycle render engines)

Privacy

Privacy matters

Privacy does matter to me. I hate being tracked when browsing and visiting websites.

In the meantime, I would like to have some inkling about how many people visit my website. I don't want to know how long they stay, from which country they are from, or what referrer they're coming from. I wanted to go for a simple solution, crafted by hand; but honestly it's a lot of work. So yeah, I accepted to use Google Analytics

If you're using - which I highly recommend by the way -, it won't record any analytics or data about your visit (no matter you tick the checbox or not)

The only custom "events" I'm tracking are opening the option menu (where you currently are reading) and opening a project detail panel.

Finally, I use for the Analytics

{{ name }}

{{ year }}
{{ category }}
img

Images

{{ img.caption }}
img