Guillaume F.

Guillaume F.

Senior Frontend Developer / 3D Artist

London, United Kingdom
Hire Guillaume F. Hire Guillaume F. Hire Guillaume F.

About Me

As an entrepreneur and seasoned front-end developer, Guillaume has years of experience using and creating tools around videos and images. Always thinking about the user first, he tries to find the best way to design and develop features so that they can be easily understood and used. He is conscientious, believes in communicating goals clearly, iterating over initial ideas to constantly improve them, and testing his code thoroughly.

Work history

Virtual Tour Company
Senior WebGL Creative Developer
2020 - 2021 (1 year)
Remote
  • Acted as the sole WebGL developer and was in charge of creating a virtual tour, where the users can navigate inside a space where many high res 3D models are displayed.

  • Optimized 30+ different 3D models, each being a 1G+ file. Reduced them each to 1Mb without loss of visual quality.

  • Created different level of details (LODs) for each model and switch which version is displayed depending on the camera position.

  • Developed the camera navigation system where the user can click on the point of interest (POI) and this animates the camera to the target position (At each camera position change, hide or show the relevant objects, such as new POI or specific tractors).

  • Developed the look dev, which included the creation of lightmaps, the addition of a sky to create stunning visuals.

  • Created custom GLSL shaders for pulsating POI.

Polygonjs
Founder/Developer
2018 - Present (6 years)
Remote
  • Developed a Node-based software to create interactive 3D web applications. Current demo (beta): https://polygonjs.com/demo.

  • Anticipated end-goal will be to create 3D configurators for online shops as well as online real-time visualizations.

Ruby on Rails (RoR) RubyTypescriptGLSLWebGLTHREE.JS3D Modeling AlgorithmsArchitecture Full-stack Software DesignStartups Node.jsReact Game DevelopmentGaming Animation
Fortune 500 Telco (NDA)
WebGL Developer
2018 - 2019 (1 year)
Remote
  • Created several design propositions to display air quality data in 3D over a map.

  • Implemented tools and technology to create 3D histograms from the real-time feed with three.js and custom GLSL Shaders on top of Mapbox.

  • Fetched street data from Mapbox, converted it to geometries, and applied custom GLSL Shaders to show street animations, mimicking traffic flow.

  • Implemented interactions allowing users to select any streets and display data for that location.

  • Implemented a tool to navigate back and forth in time, allowing to see past air quality data.

Industrial Light and Magic
Senior FX Technical Director
2016 - 2017 (1 year)
Remote
  • Created, maintained, and produced a wide variety of visual effects (flying papers, building destruction, magical character transformation, space explosion, stampede dust trails) for the films Doctor Strange and Star Wars: The Last Jedi.

  • Contributed as part of a 5-10 person FX team, and coordinated with other departments (production. lighting, modeling, compositing).

Broken Circle Productions
Writer/Director
2015 - 2016 (1 year)
Remote

Wrote, produced, and directed the short film SEEDS, which was selected in nine festivals including the London Short Film Festival and the Aesthetica Film Festival, making it BAFTA eligible. The film is available on https://vimeo.com/brokencircleprod/seeds (password: seeds).

VfxToolbox
Founder
2015 - 2016 (1 year)
Remote
  • Created the complete web application which allowed visual effects artists using Houdini to easily share their work on the platform. Animated 3D models and tools were uploaded from Houdini and displayed in the browser using code based on three.js. (demo available on request).

  • Customized Three.js to properly display in browser geometry files created by the Houdini software.

HoudiniTHREE.JSRuby on Rails (RoR) RubyStartups
PrintMosaic
Founder
2012 - 2017 (5 years)
Remote
  • Created the full web application, which allowed users to create large poster mosaics made of hundreds of smaller images. (demo available on request).

  • Developed the server side with Ruby on Rails and the client side with CoffeeScript which allowed clients to easily see a preview of their poster mosaics using a custom magnifier, showing how their uploaded photos would be post-processed.

  • Designed the application to be fully automated with posters generated in background tasks as soon as a purchase was made.

  • Sold posters to thousands of clients using the application.

  • Oversaw frequent deployments of the app on Heroku.

StripeResqueHerokuCoffeeScriptRuby on Rails (RoR) RubyStartups
MediaTag.io
Founder
2008 - 2014 (6 years)
Remote
  • Designed and created a complete web application using Ruby on Rails for the server.

  • Created the client side using Vue.js, CoffeeScript, Pug, Sass, and Foundation.

  • Designed a minimalist UI, ensuring that the right amount of information is given to the user at the right time.

  • Managed the inbound (blog, SEO) and outbound (reach out to industry influencers and bloggers) marketing as well as automation such as referral system.

  • Integrated the app with third-party tools like YouTube and Vimeo (using both server and JavaScript API).

  • Oversaw frequent deployments of the app on Heroku.

SASSPUGSidekiqHerokuCoffeeScriptTHREE.JSVue Ruby on Rails (RoR) RubyStartups
Framestore
Research and Development Engineer
2005 - 2006 (1 year)
Remote
  • Developed a variety of tools used by 100+ artists.

  • Built an import node in the compositing software Shake, using C++, to allow artists to import assets from the company database.

  • Developed the UI of a render management desktop application, using C++ and OpenGL, to allow artists to organize a tree of task dependencies that would then be sent to the render farm.

Health Facility Company (NDA)
Lead Map Visualization Developer
Present (2024 years)
Remote
  • Created a visualization tool to view medical facilities over the US.

  • Implemented designs provided by the client to allow users to create PPE requests, saving to the database, and displaying summarized previews to visitors.

  • Implemented a custom visualization tool, with a combination of data points displayed on the map and others on an online spreadsheet.

  • Tested several map look and feel, involving map skins (dark, light, colorful) and color scheme for the thousands of markers present at any given time.

  • Optimized loading system to pre-cache map data, update it as users entered new data, and display it in a reasonable time frame.

TypescriptVue Ruby on Rails (RoR) Mapbox3D Modeling AlgorithmsArchitecture Full-stack Software Design
Streaming music provider (NDA)
Lead WebGL Developer
Present (2024 years)
Remote
  • Created a 3D interactive globe with dots representing music events using Houdini, Three.js, and Vue.

  • Created a system to artistically place music events using Houdini, and export them to Three.js. The goal was to find the right balance between accurate locations and visually pleasing dots distributions.

  • Created custom glsl shaders to have 3D wave effects on the globe when a user would hover over a dot.

  • Given the artistic quality of the project, strong emphasis was put on the look and feel. and the final design is an adaptation from the pdf designs given by the client, as the perception changed once animations were in place.

  • Created the various animations: for the camera, rotation of the earth, wave effects, stars fading in.

Layerframe
Three.js/WebGL/Vue Developer
Present (2024 years)
Remote
  • Implemented a site for an event at a music company.

  • The site was an experience centered around a 3D globe, on which 50+ dots were placed at precise locations to announce music events.

  • The user could navigate in time to display specific festivals, as well as interact with the globe, and click on the various dots to display history and statistics of each one.

  • The globe design was created using Three.js instancing system, combined with a custom glsl shader reacting on user click, to create a smooth propagation of color on the globe.

  • I've also used Houdini to pre-generate some geometries, such as the points location and the countries texture.

  • Custom event propagation was used to display and position event label created in html, based on the 3D position of the dots in threejs. Distance from camera also had to be taken into account to make the dots fade away when crossing the horizon.

Outshinery
Images Rendering Consultant
Present (2024 years)
Remote
  • Created a prototype to help the client automate the rendering of thousands of images while allowing manual tweaks when required.

  • Used the visual effects software Houdini to pipeline the various inputs and only render when required.

PythonRuby on Rails (RoR) RubyHoudini
Leapforward
Three.js/WebGL Developer
Present (2024 years)
Remote
  • Developed a real-time organic/cell-looking view of different chat channels, using Three.js.

  • Collaborated with the mobile developer to allow the view to work with React-mobile.

In One Motion
Main Developer
Present (2024 years)
Remote
  • Designed and developed the whole application from scratch, with regular communication with the client.

  • Integrated Google Cloud to allow users to start a virtual machine with a single click.

MPC
Lead FX Technical Director
Present (2024 years)
Remote
  • Created, maintained, and used tools to produce a wide variety of visual effects for the film The Martian including dust tornados and dust puffs.

  • Led a three-person team and ensured communication with other departments (production, animation, concept, lighting, compositing).

  • Received nomination for an Oscar for Best Achievement in Visual Effects.

Framestore
Lead FX Technical DIrector
Present (2024 years)
Remote
  • Created, maintained, and used tools to produce a wide variety of visual effects for the underwater end sequence of the film Gravity. The effects included plant procedural modeling and animation, bubbles, floating plankton, and large smoke/mud simulation.

  • Led a two-person team and ensured communication with other departments (production, animation, concept, lighting, compositing).

  • Contributed to the film that won an Oscar for Best Achievement in Visual Effects.

Weta Digital
Lead Technical Director
Present (2024 years)
Remote
  • Created, maintained, and used tools to produce smoke simulations for the horse chase sequence in the film Abraham Lincoln Vampire Hunter. The effects were done using Houdini, which was new in the company.

  • Designed several pipeline tools using a combination of Ruby and Python to be able to import crowd animations and send render jobs to the farm.

  • Led a ten-person team and ensured communication with other departments (production, compositing, crowd, animation).

Framestore
Lead FX Technical Director
Present (2024 years)
Remote
  • Created, maintained, and used tools to produce a wide variety of visual effects for James Cameron's film Avatar. The effects included refinery fire and smoke, tree dynamics, mist and bullet impacts, using Houdini.

  • Designed several pipeline tools, using Python, to be able to import assets from the layout team.

  • Led a four-person team and ensured communication with other departments (production, layout, modeling, lighting, compositing).

  • Contributed to the film that won an Oscar for Best Achievement in Visual Effects.

Portfolio

Realtime 3D Visualization on Map

Designed and implemented various 3D visualization of real-time data over a map.

Polygon.js

Polygon.js is a WebGL engine, powered by Three.js, written in TypeScript and Vue.js. It is a node-based application, allowing users to easily prototype ideas, enabling them to focus on the design rather than being slowed down by technical details.

Gravity

Working on the film Gravity, I built several tools with Houdini, Python, and VEX to make the visual effects of the photo-realistic underwater end sequence.

Visual Effects Showreel

A compilation of the visual effects I had the pleasure to be involved in. My work on the following films can be seen: - Avatar - Gravity - Edge of Tomorrow - Iron Man 3 This does not include my most recent work on Doctor Strange, Star Wars: The Last Jedi, and The Martian. (full list: https://www.imdb.com/name/nm3070328/)

Short Film: Seeds

Wrote, produced, and directed the short film SEEDS, which was selected in nine festivals, including the London Short Film Festival and the Aesthetica Film Festival, making it BAFTA eligible.

MediaTag.io

MediaTag is a media organization tool for filmmakers. It allows users to easily organize and share videos and photos. - server-side: Ruby on Rails - client-side: Vue.js (with Pug, CoffeeScript, Sass, and Foundation) It is designed to be very simple to use, as everything is organized only using tags, with forms or drag and drop. It also comes with a browser extension (Firefox and Chrome), allowing users to save photos and videos without interrupting the navigation.

Education

Education
Master's Degree in Computer Sciences
ESIEE
1996 - 2002 (6 years)