FRANK DUFAUX

DESIGNER    DEVELOPER    3D GENERALIST

Proficient in these design tools
Photoshop
Illustrator
Adobe XD
Figma
Penpot
Protopie

UX/UI Design

Figma - Adobe

Specializing in responsive web, desktop, and mobile app design. I thrive in creating intuitive, modern and eye pleasing experience for the user. My main goal is always to simplify the most complex task and user journey.

MORE INFO

Bundlers frequently used
Vite
Parcel
Webpack
Qualified in the following cloud services
Amazon Web Services
Google Cloud
Firebase

Full-Stack Dev

NodeJS - WebGL

knowledgeable and skilled in both front-end and back-end development. Over 4 years of development experience in HTML, CSS, JS, WebGL, database Management Systems and WebGL framework in Visual Studio.

MORE INFO

favorite 3D and VFX tools
Blender
DaVinci Resolve
After Effect
Premiere
Three.js
WebGL

3D Generalist

Blender - WebXR

Experienced in film/VFX, VR/AR. Modeling, Shading and Lighting skills for rendering in Blender or exporting out for game engines or WebGL. I'm always developing my skill set as the technology in this industry evolves.

MORE INFO

Career Path Timeline
vpi eye image
VPI WEBGL WEBSITE INTRO
VPI project Background VPI project Background VPI project Background VPI project Background

Client: Virtual Psychedelics.

The client wanted to have a unique and innovative 3D landing page introducing their website that would reflect their business. The challenge was to integrate it into their Wordpress website.

Involvement and tasks:
Ideation and concept. Creation and production of the needed 3D assets. Composition and mastering of the audio track and sound effects. Coding, production and integration of the final application .

Technologies:
Vanilla javascript, GSAP ScrollTrigger, Three.js, Blender.

See the project
taktical button image
TAKTICAL STUDIO WEBSITE
TAKTICAL project Background TAKTICAL project Background TAKTICAL project Background TAKTICAL project Background

Client: Taktical Studio

As a co-founder of Taktical Studio i was tasked with the creation of a unique modern website for the compagnie.

Involvement and tasks:
Ideation and concept. Design of the UX/UI. Production of all the 2D assets and images. Creation and production of the needed 3D assets. Coding, production and integration of the final application. Deployment and configuration of the server stack.

Technologies:
Vanilla javascript, GSAP ScrollTrigger, Three.js, Blender, Server stack Firebase.

See the project
vikc button image
VIKC WEBSITE PRODUCTION
VANCOUVER ISLAND KETAMINE CLINIC project Background VANCOUVER ISLAND KETAMINE CLINIC project Background VANCOUVER ISLAND KETAMINE CLINIC project Background VANCOUVER ISLAND KETAMINE CLINIC project Background

Client: Vancouver island ketamine clinic

As a co-founder of Taktical Studio i was tasked with the creation of a unique modern website for the compagnie.

Involvement and tasks:
Ideation and concept. Design of the UX/UI. Production of all the 2D assets and images. Creation and production of the needed 3D assets. Coding, production and integration of the final application. Deployment and configuration of the server stack.

Technologies:
Vanilla javascript, GSAP ScrollTrigger, Server stack C-Panel on Linux.

See the project
google button image
GOOGLE UNNUMBERED SPARKS
GOOGLE UNNUMBERED SPARKS project Background GOOGLE UNNUMBERED SPARKS project Background GOOGLE UNNUMBERED SPARKS project Background GOOGLE UNNUMBERED SPARKS project Background

Client: Google
Project: Unnumbered Sparks

A monumental interactive sculpture in Vancouver, Canada created by artists Janet Echelman and Aaron Koblin for TED's 30th anniversary. Choreographed by visitors in real time through their mobile devices, at night, the sculpture becomes a crowd-controlled visual artwork on a giant, floating canvas powered by Google.

Involvement and tasks:
Design of the video projection system and content playback system. Technical direction of the installation and operations on site.

Watch the making-of
CANADIAN GOVERNMENT WEBXR
CANADIAN GOVERNMENT WEBXR
CANADIAN GOVERNMENT WEBXR project Background CANADIAN GOVERNMENT WEBXR project Background CANADIAN GOVERNMENT WEBXR project Background CANADIAN GOVERNMENT WEBXR project Background

Client: Trade Commissioner Service

Create an interactive experiential touch for the Canadian booth at EWIT summer 2022 by combining AR and VR with 3D conceptual art and animation to promote the Trade Commissioner Service in the Hague.

Involvement and tasks:
Ideation and concept. Design of the UX/UI. Production of all the 2D assets and images. Creation and production of the 3D assets. Coding, production and integration of the final application. Deployment and configuration of the server stack.

Technologies:
Augmented Reality, Virtual Reality, Blender, Vanilla javascript, A-Frame, Three.js, Server stack Firebase.

Try it on your phone
vpi eye image
PHOTOGRAMMETRY TO WEBAR
PHOTOGRAMMETRY TO WEBAR project Background PHOTOGRAMMETRY TO WEBAR project Background PHOTOGRAMMETRY TO WEBAR project Background PHOTOGRAMMETRY TO WEBAR project Background

Client: Taktical Studio

Reproducing in 3D for the web, highly-detailed real-life objects, while preserving the accuracy of the textures and shapes. By using photogrammetry. This mask was render in 3D using 39 pictures.

Involvement and tasks:
Ideation and concept. Design of the UX/UI. Production of all the 2D assets and images. Creation and production of the 3D assets. Coding, production and integration of the final application. Deployment and configuration of the server stack.

Technologies:
Augmented Reality, Blender, Vanilla javascript, Three.js, Server stack Firebase.

Try it on your phone
Expertise
career path
Projects
Get in touch See me GitHub Linkedin Youtube Vimeo