Un récit produit au défilement avec un appareil en 3D, une vue éclatée et cinq photos qui se déploient
Je conçois et développe des interfacespour des processus complexes
Je suis en quatrième année de génie industriel à Polytechnique Montréal et je travaille en design de produits et en développement front-end
Définition du produitDesign d’interfaceReact / Next.jsCartographie des processusConception de bases de donnéesAutomatisation des processusÉvaluation technique
- Études de casFovea, After Hours, Elsewhere, NBT Labs, nuumi, Terranova, Cutmap
- Projet vedetteNBT Labs
- Outils présentésDesign, code, animation, données
- Langues de travailFrançais, anglais
Utilisez les boutons précédent et suivant, les flèches du clavier ou un glissement pour parcourir les projets
Un club d’écoute immersif avec une scène qui suit le curseur, des transitions glitch et un son original
Un atlas surréaliste avec un décor en mouvement, des portails et trois ambiances sonores distinctes
Design et développement front-end du site d’un cabinet-conseil montréalais
Identité de marque et site au défilement animé pour une entreprise fictive de luminaires
Un site conceptuel sur l’écologie avec une forme 3D et des apparitions au défilement
Un outil de découpage vidéo présenté dans une démonstration de campagne interactive
Mes services
Identité visuelle
Je crée des logos, des palettes de couleurs, une typographie et des guides de marque simples dans Figma et Canva
RéserverDesign et développement Web
Je conçois et développe des sites d’entreprise, des portfolios et des pages de destination avec React et Next.js
RéserverRefonte de site Web
Je refais des sites existants avec une navigation plus simple, une mise en page plus claire et un code plus facile à maintenir
RéserverBoutique en ligne
Je configure des boutiques Shopify pour vendre des produits, des téléchargements, des cours ou des billets, avec le catalogue, les paiements et le passage à la caisse
RéserverRéférencement naturel
J’améliore les titres, les descriptions, la structure des pages, la vitesse et l’indexation pour les moteurs de recherche
RéserverConseil sans code
Je vous aide à choisir et planifier une plateforme sans code pour un site simple ou une boutique en ligne
RéserverTémoignages
Travailler avec Nathaniel a été simple du début à la fin. Ses compétences en design étaient excellentes et il a fait participer notre équipe à chaque étape du projet.
Ma façon de travailler
Je cartographie le processus avant de concevoir l’interface, puis je teste les interactions principales dans le code
Cartographier le processus actuel
Je documente les personnes, les données, les contraintes et les transferts
Définir la portée
Je distingue ce que la première version doit faire de ce qui peut attendre
Tester les interactions dans le code
Je crée un prototype des interactions principales avant de finaliser l’interface
Retracer le parcours des données
Je vérifie leur source, les personnes qui les modifient et leur destination
Identifier les preuves
J’indique ce qui relève de données fictives, d’un prototype ou d’un résultat testé
Documenter les décisions
Je note les choix, les questions ouvertes et les prochaines étapes
Mes outils
Figma
Design d’interfaces et prototypage
React
Composants d’interface
Next.js
Applications Web adaptées aux écrans
TypeScript
Développement front-end
Three.js
Études de géométrie et d’interaction
Rive
Études d’animation d’application
Access / SQL
Bases de données relationnelles
Excel / VBA
Analyse et automatisation VBA
Vous avez une idée de produit ou un problème de processus ?
Expliquez-moi ce que vous construisez et ce qui vous bloque