Creative Developer | React, GSAP & Three.js Web Experiences
27
Followers
Creative Developer | React, GSAP & Three.js Web Experiences
Two Halloweens ago, I was given the opportunity to work with Uber Eats on a free candy promotion campaign, where I built the live website that updates each day with a new riddle to solve.
The idea was simple,
You solve the riddle 🎃, you get the candy. 🍬
The outcome was incredible!
👻 290,000 promo codes used in less than 8 hours!
🎃 2 million promo codes used by Halloween!
💀 44% new Uber Eats users!
The campaign turned out to be a huge success, and was the most successful promo code campaign for Uber Eats grocery delivery! Ever!
I hope to one halloween do something just as awesome again! Trick or Treat!
4
30
420
🎮 GameRx.ca (https://gameRx.ca) – A Hub for Gaming Wellness by TELUS
This past summer, I helped bring GameRx.ca (https://gamerx.ca), a TELUS initiative, to life. A digital hub designed to promote wellness, balance, and community among gamers. The site blends clean design with smooth, game-inspired interactivity to make educational content engaging and accessible.
Working as a Creative Developer, I was responsible for:
Building the front-end architecture using React and Next.js, ensuring fast load times and responsive layouts across devices.
Implementing GSAP-driven animations and micro-interactions to create a polished, modern feel without compromising accessibility.
The result is a site that feels both playful and professional, aligning with TELUS’ mission to support healthier digital lifestyles within the gaming community.
1
12
268
🌐 ICOM 2019 - The Power of Fusion
In 2019, I had the opportunity to help create the digital experience for ICOM’s World Meeting in Vancouver, an annual global gathering of independent advertising agencies.
As the Front-End Developer, I built the site’s interactive 3D hero element using Three.js and the Marching Cubes technique to bring the event theme, “The Power of Fusion,” to life. The morphing organic forms visualized the blending of cultures, ideas, and disciplines that define the ICOM network.
It was a very fun, but technically challenging project to be part of, especially when optimizing the 3D experience for less powerful mobile devices back in 2019.
When this site went live, visitors played with it for hours!
5
16
258
🌈 Rebook-it.com (https://Rebook-it.com) – YWCA
Last year, I had the wonderful opportunity to help develop Rebook-it.com (http://Rebook-it.com) for YWCA, a public-facing campaign site created to restore visibility for important cultural and awareness events - including International Women’s Day, Pride Month, Black History Month, and more - that had been intentionally removed from Google Calendar.
As the Front-End Developer, I built the site using React, Tailwind CSS, and Vite, ensuring fast load times and a smooth user experience. The microsite allowed visitors to easily re-add these significant observances to their personal calendars with just a few clicks.
This project was especially meaningful, blending thoughtful advocacy with modern front-end development to help keep these vital dates recognized and remembered.
I built a chatbot in React called Petty Bickerson, designed to argue with me. This serves as a proof of concept for creating an interactive chat interface.
The real experiment focuses on where UX craft fits into this AI-driven world. The app was prompted into existence, but the character is mine—featuring five expression states, custom-animated in Rive, and capable of listening to user input live while firing triggers as you type. Petty Bickerson reacts to CAPS, interrupts apologies, and takes it personally when you agree with him. All of this was accomplished in under a day.
I've long suspected that reactive characters could enhance AI chat engagement, but it's a dosage problem. At full intensity, it can become almost too annoying. Perhaps this concept would be better suited for voice chat? The intriguing design question has shifted from "can the interface react to you" to "how much should it?
0
110
Organic buttons in @Rive
2
199
I'm super late on learning data binding, so I built 12 different hover animations using data binding to make sure I really get the basics down. I also used a trick to make all the buttons change colors base on color selection. Test it or remix it for yourself - https://rive.app/community/files/25058-46777-buttons/
23
477
A lightweight, infinitely looping 2D animation featuring three healthy food mascots. Designed to showcase seamless character rigging, fluid walk cycles, and clean vector design optimized for web and social media.
Let's Collaborate!
Need fun, engaging character animations or custom motion graphics to bring your brand to life?
Problem
In sustainable demolition, one of the biggest challenges is tracking salvaged materials in real time.
Most teams still rely on manual notes, spreadsheets, or memory.
This creates serious problems:
Materials get lost, miscounted, or incorrectly valued.
Environmental impact can’t be measured or reported accurately
In short, valuable salvaged resources slip through the cracks.
Why It Matters
Vema Deconstruction’s entire mission revolves around sustainability and circular construction.
Every salvaged item recycled or resold reduces landfill waste, carbon emissions, and client costs.
But without a streamlined system, the potential of material reuse is capped.
Solution
I built a single-page Salvaged Material Inventory App using Retool.
https://omnilabs.retool.com/embedded/public/0d01e9bd-86f0-4b2a-bc44-0a33949c9b56