IBM Z & IBM Quantum Web + AR
We built a clean, responsive UI to highlight IBM’s most powerful processing machines. The site uses interactive animations to teach users about their industry impact, and a simple tap brings the models to life with augmented reality. I led the art direction, animation and layout, and co-led the UI/UX.
For effective user experience design in augmented reality and 3D web experiences, a significant number of prototyping and animation previews are essential.
UI/UX
Building an interactive experience requires a thoughtful approach to motion, as it’s the primary driver of the user journey and key messaging. Working with lead product designer @Bip, we developed the motion and UI design in tandem, guided by a provided content outline. The development process became straight forward.
UX Motion Prototype
We brought these powerful processors to life by showing what they can do and highlighting the IBM team's expertise. We created profiles to showcase each person's role in building them, detailing how every component worked together.
Animation
To deliver seamless performance across Three.js and WebAR, I imported optimized, fully textured models from 3D artist @elliotJohnson into Cinema 4D. There, I authored the specific animation clips and rigged the target action states required by the development team to drive the interactive user experience.
View More Projects
-
![Two people standing in separate futuristic circular digital environments with glowing blue geometric shapes and patterns.]()
Spatial Scenes
Visualizing the different virtual spaces a user can enter.
-
![An illustrated rooftop view of a modern building with a blue rooftop pool area, red outdoor chairs, and a large red umbrella, with palm tree leaves partially visible in the foreground.]()
Mastercard x American Airlines: Mini-golf VR
Environments created for the most traveled locations.
-
![A decorative geometric artwork featuring four stylized, intricately designed eyes with gold accents and black backgrounds, inspired by Art Deco style.]()
Alcon: Optometrist Gala
Art Deco-inspired motion graphics, user interfaces, and event print materials.
-
![Close-up of a modern, metallic, crescent-shaped object with glass-like sides, set against a black background.]()
Reality Apps
Branding for an immersive based developer studio.
-
![Mobile phone displaying a sign-up/login screen for a product called PRODUCTIO, featuring a piggy bank icon with a dollar sign, a welcome message, email and password fields, a log in button, and a sign-up link, with footer text about rights reservation.]()
Productio: FinTech
Streamlined user experience and interface for digital money management.
-
![A black background with red wavy lines and the word "VVOZ" in the center, with the 'O' stylized as a circle with wavy lines and a small red Wi-Fi signal above it.]()
VVOZ
Brand identity and product design for an AI voice-recognition tool.
-
![Three men modeling collared shirts, standing against plain backgrounds. The man on the left wears a black polo shirt with 'VEDANA' and a website printed on it. The middle man wears a white polo shirt with black accents on the collar and sleeves, and trousers. The man on the right, shown from the side, wears a black polo shirt with 'VEDANA' and a graphic design on the back.]()
Vedana
Premium pickleball apparel and sportswear label.
-
![walgreens]()
Walgreens: Relaxation Booth VR
Step into peaceful scenes meant to relax your senses.
-
![A digital sci-fi illustration depicting a futuristic tunnel with concentric circles, lines, and data points converging at a bright central point, creating a sense of motion and depth.]()
Kest
Developing the visual tone and narrative pacing for a main title sequence.
-
![An indoor display showing the Texas Tech University logo and branding. There are flags with the Texas Tech logo hanging from the ceiling. The display features a large curved screen with various images of students and sports, and has three podiums with objects including a football and clothing with the university logo. The setting has a modern, professional look with a wooden floor and illuminated hexagon patterns.]()
Texas Tech VR Hub
Designing a high-fidelity, spatial portal to centralize campus engagement.
-
![Abstract digital artwork with pastel colors, pink, blue, yellow, and purple, featuring geometric shapes, clouds, and neon light effects.]()
Coca-Cola Dreamland
Concepts for a music festival.
-
![People standing in front of a large illuminated sign with the Lyod air-aoke advertisement at night, and a Ferris wheel in the background.]()
Lysol: Air-Aoke XR
Making the invisible visible through real-time, interactive germ simulation.
-
![Abstract digital illustration of a stylized human heart, orange in color, with a smooth, minimalist design, surrounded by concentric glowing hexagons on an orange background.]()
ISN: RAVs
Crafting the narrative architecture, storyboards, and aesthetic direction for a corporate launch campaign.
-
![A large graphic banner at an outdoor sports event features female athletes wearing USA soccer jerseys with digital and illustrated artistic effects. Logos of Volkswagen and the USA Soccer team are visible. In the background, there are tents, a parking lot with cars, and a cloudy sky.]()
Volkswagen x US Soccer AR
Bringing a custom-wrapped EV to life through interactive stadium AR.
-
![bankofamerica]()
Bank of America AR Mural: Every Goal Matters
Turning a Philadelphia bank branch into an interactive celebration of Team USA Soccer.
-
![A children's book titled "The Golden Crayon" featuring colorful cartoon illustrations of three smiling crayons wearing crowns, lying on a white surface.]()
Storybooks
A collection of books illustrated by me.
-
![A military helicopter flying through a smoky, orange-brown sky with dashed and solid arrows indicating its flight path.]()
Bell Helicopter AR
Interactive AR product demo and capability showcase.
-
![A stylized graphic of a woman with blue skin and long black hair, wearing a white dress, holding a yellow taco with blue sauce, surrounded by a circular Mexican-inspired design with red, green, and black elements, and the Mexican flag at the bottom.]()
How Dare You! Network
Crafting a defiant and cohesive visual ecosystem for a new independent podcast network.
-
![Black and white illustration of skyscrapers with the word 'OPAL' on the building, viewed from below.]()
Opal Properties
Establishing a sophisticated visual identity and premium aesthetic direction for an upscale property portfolio.
-
![Animated image of a Connect Four game on a basketball court, with a basketball heading towards the game board. The scoreboard shows the home team leading 15 to 16, with 17 seconds remaining on the clock.]()
State Farm: Cole's Connection
Leading the art direction, asset execution, and motion system for a gamified brand activation designed to drive user engagement.
-
![A shiny, metallic football helmet with a faceguard against a blue background.]()
Visa x NFL: Join the Team
Art direction and UX strategy for an immersive augmented reality campaign that seamlessly integrates fans into their favorite NFL roster.
-
![Circuit of the Americas]()
Circuit of the Americas
Animatic production, spatial layout, and style frame design for an immersive cinematic experience featuring 3D-scanned user integration.
-
![Illustration of a campgrounds with a wooden cabin, mountains in the background, and a sign that reads 'Camp Awesome']()
Bonfire: Seamless Cabin Bookings
Simplifying vacation planning through charming animation and fluid motion design.
-
![A red grid with four icons: a mountain and sun picture, a safe, a toothbrush, and a smartphone.]()
Propelio: Real estate App
Consolidating leads and market analysis into a single, intuitive tool for real estate agents.
-
![Graphic showing growth statistics for 2013 with yellow and gray text, including a large number indicating more than 550 million, and a 38% increase.]()
Ernst & Young: Year-End Performance
Designing and animating a high-energy kinetic typography film to visualize key corporate milestones and data.
