A scroll-driven camera story with a live 3D model, an exploded view and five photographs that fan out
I design and build interfacesfor complex processes
I’m in my fourth year of industrial engineering at Polytechnique Montréal and work in product design and frontend development
Product definitionInterface designReact / Next.jsProcess mappingDatabase designWorkflow automationTechnical evaluation
- Case studiesFovea, After Hours, Elsewhere, NBT Labs, nuumi, Terranova, Cutmap
- Featured projectNBT Labs
- Tools shownDesign, code, motion, data
- Working languagesFrench, English
Use the previous and next buttons, arrow keys or swipe to browse the projects
An immersive listening club with cursor-reactive scenery, glitch transitions and original sound
A surreal atlas with moving scenery, portal transitions and three distinct soundscapes
Website design and frontend work for a Montréal process consultancy
Brand identity and a scroll-controlled website for a fictional lighting company
An ecology concept website with a live 3D form and scroll-driven reveals
A clipping product explained through a live, interactive campaign demo
Services
Brand design
I create logos, colour palettes, typography and basic brand guidelines in Figma and Canva
Book nowWebsite design and development
I design and build responsive company websites, portfolios and landing pages with React and Next.js
Book nowWebsite redesign
I update existing websites with simpler navigation, clearer layouts and code that is easier to maintain
Book nowOnline store
I set up Shopify stores for products, downloads, courses and event tickets, including the catalogue, payments and checkout
Book nowSEO services
I improve titles, descriptions, headings, page structure, speed and indexing so search engines can read the site
Book nowNo-code consultation
I help choose and plan a no-code platform for a simple website or online store
Book nowTestimonials
Working with Nathaniel was easy from start to finish. His design skills were excellent, and he kept our team involved through every step of the project.
How I work
I map the workflow before designing the interface, then test key interactions in code
Map the current workflow
I document the people, data, constraints and handoffs involved
Set the scope
I decide what the first version must do and what can wait
Test interactions in code
I prototype key interactions before finalizing the interface
Trace the data flow
I check where data starts, who changes it and where it goes next
Label the evidence
I mark what is sample data, a prototype or a tested result
Document decisions
I record key choices, open questions and next steps
Tools
Figma
Interface design and prototyping
React
Interface components
Next.js
Responsive web applications
TypeScript
Frontend development
Three.js
Geometry and interaction studies
Rive
App motion studies
Access / SQL
Relational databases
Excel / VBA
Analysis and VBA automation
Have a product idea or a workflow problem?
Tell me what you are building and what is blocking it