At Xfinity, we explored new ways to improve the in-home WiFi experience through emerging technology. I led the design of the WiFi Visualizer concept, an early-stage solution that used Augmented Reality to help address common customer pain points. This case study walks through the design process, shares highlights from a presentation I gave to the SVP of Xfinity, and outlines our vision for where this product could go next.
My Role
Lead UX/UI Designer
Client
Xfinity
Timeline
Ongoing
Team
Isaiah Robinson (Me)
The Challenge
At Xfinity, we can use AR to measure the strength of our IOT device's WiFi connections. How can we take advantage of this technology to curate meaningful experiences for our customers in a way that provides real-world value?
Our Goals
Research and discovery on the value of AR in today's marketplace, investigate the value of AR for our customers, and work with our engineering partners to deliver this experience.
Understanding AR in todays world
I started this project by understanding how AR is used in today's market, how customers use AR in their daily lives, and the value it provides on the business end.
What is AR's value in today's world
How people use AR in their lives
How can AR help
For our Xfinity customers in today's world, our customers run a Whole Home Test to troubleshoot and follow app tip cards to activate a device. Is there a way to take these experiences a step further to make them the best in-home experiences in the market?
Are there gaps in our experience today
How can we address these gaps
How do these gaps benefit our customers?
What does this journey look like for an Xfinity customer?
Designing the experience
As we create the first AR experience at Xfinity, how can we create an AR experience for this concept that feels like an Xfinity product?
Are there any apps that we can draw inspiration from?
How did we bring this to life?
Building an AR Prototype
I utilized Figma, After Effects and Aero in combination to create a usable AR prototype for socialization of this concept to leadership
Creating animations for this experience in Adobe After Effects
Drafts of floor pulses for cards
Animation evolutions I designed in AE for when a card surfaces at a spot in the home.
Result card animations
Animation evolutions I designed in AE for when a card appears onscreen.
Adding UI to Code
The first video is the WiFi Visualizer experience built by our engineering partners. The last video is our first-ever WiFi Visualizer experience with my UI applied
What's Next
What are our goals for the WiFi visualizer in the future?
Let's Chat
Shoot me a message or reach out to me on social media!
