My name is Christophe — a creative technologist blending code, design, and immersive experiences.

Interactive 3D Website Header

The Challenge

We wanted to create a dynamic and interactive experience for our company's portfolio website. The goal was to move beyond static headers and give visitors an immediate sense of creativity and engagement, while keeping performance optimized across devices.

The Solution

We developed a 3D WebGL header using Three.js, featuring a carousel of interactive objects—each representing a different category of work. Key features:

• One 3D object per category, each with its own entrance animation
• Carousel navigation—objects exit the scene while new ones enter dynamically
• Scroll interaction that smoothly transitions the header out of view

Technical Details

• Developed with Vite and Three.js for fast development and optimal performance
• Models compressed using Draco compression and optimized for WebGL
• Textures carefully balanced for visual detail and loading speed
• GSAP used for smooth scroll-based animations

My Role

I led the design, 3D asset creation, and development of the experience. I also handled all Three.js and GSAP integration to ensure a responsive and fluid experience.

The Outcome

The project has been put on hold because of external factors, but demonstrates a creative, interactive approach to portfolio site design. It showcases the potential for using lightweight 3D experiences to make a strong first impression online.

• Three.js
• Vite
• GSAP
• GLB + Draco Compression
• WebGL Optimization
• UX Design

Markerless AR property viewer

The Challenge

Clients needed a way to showcase future real estate developments on-site and in-office, beyond traditional renderings and static marketing materials.

The Solution

We developed a Unity-based AR application, available on iOS and Android, that allows users to:

• View future developments in real-world locations using the Google Geospatial API
• See projects as interactive scale models for office presentations
• Filter units by level, size, price, bedrooms, and availability

Technical Details

• Live unit data is pulled from Spark.re via a REST API
• Multiple projects can be loaded and shared through Universal Links on iOS and Android
• Seamless updates via Unity AssetBundles and a connected database
• Real-time sun & weather simulation in location view, with sun direction based on the user's location, date, and time, and cloud cover from a weather API

My Role

I led the development, integration, and optimization of the application, focusing on building a stable, reliable backend and ensuring smooth AR functionality across devices.

The Outcome

The app has been successfully sold to three clients, providing them with an innovative tool for showcasing future developments before construction begins.

The first release prioritized functionality over design, ensuring the core features worked seamlessly in the field. While the current version is visually minimal, we're actively working on Version 2, which includes a completely redesigned UI and enhanced user experience. The goal is to match the polished look and feel of our studio's other client-facing tools.

• Unity
• Unity UIToolkit with USS
• C#
• ARFoundation
• Google Geospatial API
• PHP/MySQL
• Immersal VPS/Multiset.ai
• REST API

Cumulus - AR Memorial Experience for Vision Pro

The Challenge

Cumulus set out to reimagine how we preserve memories, grieve loved ones, and celebrate life—moving beyond traditional rituals to create an immersive, interactive memorial experience for the Apple Vision Pro.

The Solution

We developed an interactive Unity application for Vision Pro that allows users to:

• Enter a space where 3000+ floating panels surround them, designed to hold photos and videos
• Pinch any object to bring it forward, enabling close interaction
• Play/pause videos or scale images using natural hand gestures (pinch and drag with both hands)
• Walk around the space, exploring curated memories at their own pace

Technical Details

• Optimized rendering of 3000+ floating interactive objects in an immersive 3D environment
• Intuitive gesture controls designed for Apple Vision Pro, allowing seamless interaction without controllers
• Scalable system—users can gradually add content to panels, with the potential for a fully personalized experience over time

My Role

I led the development of the application in Unity, creating the interaction design, animation systems, and gesture-based controls tailored for Apple Vision Pro.

The Outcome

The project is currently in development, with investors expressing strong interest as Cumulus works toward securing funding. Our focus in this phase has been building a functional, immersive prototype, laying the groundwork for a polished public release in the future.

• Unity's Polyspatial for Apple Vision Pro
• C#

Austin Birch - Website Rebuild for Real Estate Sales Team

The Challenge

Austin Birch, a leading real estate sales team, approached us in 2024 to modernize their website. The goal was to create a platform that felt fresh, approachable, and focused on generating new leads.

The Solution

We designed a clean, modern website that highlights the team's expertise while making it easy for visitors to connect and engage. The focus was on user-friendly navigation, clear calls to action, and a refined visual identity that reflects Austin Birch's professional yet approachable brand.

My Role

I collaborated closely with our frontend developer to define the UX and overall look and feel of the site. My contributions included:

• Client communication throughout the project
• Delivering Figma wireframes and mood boards to guide the design process
• Ensuring the final site balanced visual appeal with ease of use

The Outcome

The redesigned website successfully launched, providing Austin Birch with a modern, lead-generating platform that better represents their team and services.

• Figma
• UX Design
• Frontend Collaboration

Future - Digital Sales Centre Prototype

The Challenge

Rather than building a traditional sales centre, our client wanted a fully digital experience that aligned with the bold, futuristic branding of their upcoming residential project. The goal was to reimagine pre-construction sales without the limitations of a physical space.

The Solution

We prototyped an immersive online sales centre, structured around a linear interactive path. By combining pre-rendered sequences with interactive elements, we delivered an experience that felt engaging and dynamic, while maintaining fast load times and seamless usability across devices.

Technical Details

• Utilized Video.js for smooth video playback
• All content hosted on Cloudflare CDN to optimize speed and performance, ensuring accessibility over varying internet connections and devices

My Role

I was responsible for defining the user flow and experience design, collaborating with the development team to align the visuals and interactions with the client's futuristic vision. I also handled client communication and developed the JavaScript logic that powered the video playback system, ensuring a seamless and responsive user experience.

The Outcome

The prototype successfully demonstrated a new approach to virtual sales centres, providing a high-quality, accessible platform that breaks away from traditional models. It's a foundation for future projects aiming to offer fully digital, immersive sales experiences.

• JavaScript
• Video.js with HLS Playback
• Cloudflare CDN
• UX Design

Boston University - Interactive Touchwall & Web Platform

The Challenge

Boston University wanted an interactive 3D platform to educate visitors and donors about the sustainability features of their buildings. The goal was to highlight BU's leadership in sustainable design in a way that was both engaging and informative. A key constraint: the on-site interactive wall had to run on a pre-purchased kiosk mini PC, limiting the hardware capabilities.

The Solution

We developed a web-based interactive platform that works both online (via the BU Sustainability website) and on-site at the CCDS lobby's interactive touchwall. To ensure performance on the mini PC hardware, we chose a solution based on pre-rendered video sequences instead of a real-time Unreal Engine app. This approach delivered smooth performance while keeping the experience visually rich and consistent across both platforms.

Technical Details

• Used Object2VR as the base for 360° rotation, fully customized for the project's needs
• Created MaxScript tools in 3ds Max to automate hotspot placement and speed up content updates
• Combined 3D animations, video interviews, and real-time data in an intuitive interface
• Content hosted online and optimized for fast, reliable performance on the mini PC kiosk

My Role

I led the project end-to-end, including client communication, project management, concept development, UX design, and implementation of the interactive system. I also handled the customization of Object2VR and developed the MaxScript tools used in the pipeline.

The Outcome

The platform successfully launched both online and on-site, receiving great feedback from BU and visitors alike. It provides a compelling, interactive way to showcase the university's commitment to sustainability and continues to serve as an important tool for educating and inspiring stakeholders.

• JavaScript
• Customized Object2VR
• MaxScript
• UX Design

Urban Capital M5 - Interactive Building Explorer

The Challenge

Our client wanted an interactive digital tool for their website to help investors and brokers explore a new residential development remotely. The goal was to provide an engaging, high-quality experience that showcased the building's design, highlighted key amenities, and allowed for 360° virtual tours—without relying on physical models or in-person presentations.

The Solution

We created an interactive building explorer, accessible directly from the client's website and optimized for both desktop and mobile users.

• The experience allows users to rotate around the building, interacting with hotspots that reveal 360° rendered VR views of suites and amenities
• It's built using a sequence of pre-rendered images, projected onto a simplified 3D model in Babylon.js
• As users rotate the building, the images and camera angles sync to create a smooth parallax effect, ensuring accurate hotspot placement and an intuitive experience

My Role

I was responsible for project management, client communication, UX design, and development of the interactive logic in Babylon.js. My focus was on delivering a seamless, responsive experience, ensuring smooth navigation and optimal performance across devices.

The Outcome

The platform launched successfully and remains live on the client's website as an effective sales and marketing tool. It continues to help investors and brokers engage with the project, offering an immersive and informative way to explore the building and its amenities from anywhere.

• JavaScript
• Babylon.js
• UX Design
• 360° VR Integration

Virtual Tours - Walkable Real Estate Presentations

The Challenge

Real estate developers and marketing teams needed a better way to showcase spaces remotely, especially when presenting to end buyers and investors. Traditional 360° VR tours are static—great for looking around, but lacking the feeling of walking through a space.

Our goal was to create an interactive browser-based platform that combined freedom of movement with high-quality visuals, while also supporting live presentations without laggy screen sharing.

The Solution

We developed an interactive virtual tour platform, combining pre-rendered 360° cubemaps with a low-poly 3D model of the space in Babylon.js. This hybrid approach allowed us to:

• Provide smooth transitions between hotspots, with parallax effects that give a sense of movement
• Offer an exploded view, showing the full extent of the space from above
• Support live, remote presentations, where a host controls the experience on both their screen and the viewers'—eliminating the need for screen sharing and ensuring fast, synchronized playback

Technical Details

• 360° cubemaps were rendered in 3ds Max/Corona and processed via Node.js for Babylon.js compatibility
• Created a custom shader to blend between two cubemaps, allowing smooth transitions when moving between hotspots
• Node.js server handles real-time socket communication, syncing the host and viewer experience during presentations
• Each tour is a self-contained component, including the GLB scene, pre-rendered 360s, and a JSON config file
• The 3D model enables deeper interactivity, such as clickable elements (e.g., turning on a TV or interacting with room features)

My Role

I led the project from start to finish, handling concept development, UX design, Babylon.js development, custom shader programming, Node.js server implementation, and client communication.

The Outcome

We successfully sold four virtual tours to real estate clients, providing them with an innovative sales tool that enhanced their presentations to buyers and investors. The platform is currently live through private links and serves as a proof of concept for how hybrid 360/3D tours can deliver a richer, more interactive experience than traditional VR tours.

• JavaScript
• Babylon.js
• Socket.io
• Node.js
• PHP
• 3ds Max/Corona

Portland Commons - Interactive Leasing Platform

The Challenge

For Carttera's Portland Commons, a 15-storey, 560,000 sq. ft. commercial development, the leasing team needed a high-impact digital tool to engage corporate tenants—especially CEOs and decision-makers who often don't have time for on-site visits. The goal was to create an interactive, informative platform that would strengthen JLL's digital marketing efforts and position Portland Commons as a leading destination for high-performance, healthy workplaces.

The Solution

We developed a custom microsite, leveraging our Interactive Explorer technology, that allows prospective tenants to:

• Explore a 3D model of the building and interact with hotspots highlighting key features such as flexible floorplates, outdoor spaces, operable windows, and sustainability initiatives
• Download floorplans directly, at their convenience
• View bespoke presentations, curated specifically for their company or industry needs

Technical Details

• The 3D explorer is built with pre-rendered images, overlaid on a 3D model in Babylon.js, allowing for accurate placement of hotspots, highlights, and dynamic branding
• We developed a custom CMS (PHP/MySQL) that empowers the leasing team to show/hide specific floorplans, edit text blocks, and upload a custom logo that dynamically updates the building model in real-time
• The CMS generates custom links tailored to specific tenants, enabling JLL to deliver personalized presentations, track analytics, and provide branded experiences without additional design work

My Role

I was responsible for UX decisions, frontend development of the Babylon.js building explorer, and managing all interactive features within the 3D environment. I also developed the backend CMS, handled client communication, and ensured seamless integration between the 3D assets, CMS, and interactive elements.

The Outcome

The platform launched successfully and is still in use today via private links, providing JLL and Carttera with an essential tool to engage busy corporate decision-makers. It has streamlined the leasing process by offering an interactive, high-quality experience that helps potential tenants evaluate the building remotely—often the first step before committing to an in-person tour.

• JavaScript
• Babylon.js
• PHP/MySQL
• CMS Development
• UX Design

Adagio - Virtual Sales Center

The Challenge

Early in the COVID-19 pandemic, Menkes needed a way to engage potential buyers remotely for their Adagio condominium project. With traditional sales centres inaccessible, the goal was to create an immersive online experience that would showcase the project, inform potential buyers, and generate leads—all while maintaining the high visual standards expected from a luxury development.

The Solution

We developed an interactive online sales centre, designed to replicate the experience of walking through a physical space. Using pre-rendered 360° images, mapped onto a low-poly 3D model in Babylon.js, visitors could:

• Freely navigate through a virtual sales centre
• Explore neighbourhood information
• View a 360° rotatable model of the building
• Watch project videos and browse galleries of renderings
• Download the project brochure and submit lead information seamlessly

Technical Details

• Pre-rendered 360° cubemaps, mapped in Babylon.js, provided high visual fidelity without heavy processing demands
• Developed a custom navigation system for intuitive “walkable” movement through the space
• Included interactive hotspots that revealed project details, videos, and floorplan galleries
• Integrated lead capture forms to support the sales team's marketing efforts

My Role

I was responsible for UX design, frontend development in Babylon.js, site structure, and client communication. I also coordinated the integration of all 3D assets, videos, and marketing content to deliver a polished, user-friendly experience.

The Outcome

The platform was launched during the early stages of the pandemic and served as a key sales tool for Menkes, allowing prospective buyers to explore Adagio Condominiums remotely. It helped maintain buyer engagement and generate leads at a time when in-person visits were not an option.

• JavaScript
• Babylon.js
• PHP
• MaxScript
• UX Design

One Delisle - Virtual Broker Event Platform

The Challenge

During the pandemic, Slate needed a way to launch One Delisle, their landmark condominium project, without the traditional in-person broker events. The goal was to create an engaging, interactive experience that could generate excitement and effectively present the project to brokers in a one-time, live virtual event.

The Solution

We developed a custom website to host a Vimeo livestream, integrating interactive elements that synchronized with the live video presentation. At key moments during the stream, viewers could:

• Rotate around a pre-rendered 3D model of the building exterior
• Explore the distinctive crown of One Delisle through an interactive rotation feature

Technical Details

• Built a custom web platform hosting the Vimeo live stream
• Developed timed interactive panels, triggered based on pre-set video timestamps
• Integrated pre-rendered 3D rotations in Babylon.js, enabling smooth user interaction with both the building exterior and crown features
• Optimized for real-time participation, ensuring brokers had a seamless and responsive experience during the live event

My Role

I led the project from concept development through to delivery, handling UX design, frontend development, interactive logic, and client communication. My focus was on synchronizing the interactive elements with the livestream to create a cohesive and engaging experience.

The Outcome

The One Delisle live event was one of the first interactive livestream experiences in the real estate industry. It successfully launched the project to brokers, generating excitement and engagement at a time when virtual experiences were the only option. The interactive elements helped bring Slate's vision to life in a memorable, impactful way.

• JavaScript
• Babylon.js
• PHP
• UX Design

Monogram - Unreal Engine Interactive Installation

The Challenge

For IDS Toronto 2020, we partnered with Partisans Architects to create an interactive digital experience for Monogram's new line of kitchen appliances. The goal was to showcase Monogram's innovative kitchen designs by seamlessly blending a digital experience with their physical booth installation, offering visitors an immersive way to explore the brand.

The Solution

We developed an Unreal Engine-powered installation, featuring two TVs, each displaying a different kitchen design. Mounted Kinect v2 sensors tracked visitors as they stepped in front of the screens, dynamically adjusting the camera angle to match their physical point of view. This alignment created the illusion that the digital kitchen on screen perfectly lined up with the physical kitchen in the booth.

Visitors could move side to side, and the digital perspective would shift in real time, creating a natural and intuitive connection between the virtual and physical spaces. The experience focused on highlighting Monogram's appliances in two distinct kitchen designs.

Technical Details

• Built entirely in Unreal Engine, with Blueprints managing sensor tracking, camera logic, and real-time interaction
• After extensive R&D, we selected the Kinect v2 sensor as the only solution that provided the precision and tracking accuracy required for the installation
• Solved complex challenges related to syncing the digital model with the physical space, ensuring accurate perspective alignment from every viewer's position
• Our team also created the 3D assets for both kitchen environments used in the experience

My Role

I led the R&D process to find the right sensor and handled all the Blueprint development in Unreal Engine, including sensor integration, camera logic, and interactive functionality. I worked closely with our 3D team to ensure that the digital kitchens matched the physical setups, maintaining a seamless, high-fidelity experience.

The Outcome

The interactive installation was a standout success at IDS 2020, attracting attendees and generating positive feedback from both visitors and the client. The experience helped showcase Monogram's appliances in a memorable and innovative way, enhancing their presence at the show.

• Unreal Engine
• Blueprints
• Kinect v2 Sensor
• 3D Asset Integration