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.

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 designer @bipassana, we developed the motion and UI design in tandem, guided by a provided content outline. The development process became straight forward.

A digital presentation about IBM Power10 servers, with images of server hardware, engineers, and slides about security and augmented reality features.

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.

Prototype

Animation

Animated GLB’s for these machines needed to be optimized for web Three.js and augmented Reality. This was achieved by importing a super optimized & fully textured model from @elliotJohnson using Cinema 4D to animate and set all the necessary actions for the developers to use to move the user experience forward.

Credits:

Lead design
CG layout
Camera

Next Project: T-Mobile

Digital illustration of a modern office or co-working space with multiple levels, workstations, and people socializing and working, featuring vibrant pink, purple, and green colors.