Xfinity on Campus

Project overview

Company

Comcast

Product Owner

Xfinity

Date

2023

My Role

User Research
Information Architecture
Product Design

Design Tools

Figma

Axure RP

Adobe Photoshop

UX Deliverables

User Research
Information Architecture
Site Map design
Low fidelity Interactive Prototype/Wireframe
High Fidelity Mockup Design

Introduction

This project involved revamping the Xfinity on Campus website and developing a mobile app to provide high-speed internet access to college students across the U.S.

Design Problem

One of the primary challenges was creating a platform that resonates with Millennials and Gen Z students, many of whom are not familiar with Xfinity products and services. Another challenge involved designing a visually appealing interface that would captivate the target audience. The existing website lacked engagement for this tech-savvy, younger audience, and there was no mobile app—a critical platform for this demographic.

Design Process

Starting with comprehensive user research, by combining both primary and secondary approaches, I was able to overcome the obstacle of not having direct audience access. Primary research included discussions with the product team, including the product owner, business analyst, and Xfinity representatives, who shared insights on service implementation. Secondary research was conducted via social media platforms such as Facebook and YouTube, analyzing potential user behavior. One important outcome was discovering that the audience seldom watch traditional cable TV and spend more time using streaming services like Disney+ and Netflix.

User Research

I focused on understanding the different types of students who need internet access, gaining insight into student life on campus, particularly for those living in dormitories.

Personas

I developed detailed personas to foster empathy and gain a deeper understanding of the needs of college students.

Information Architecture

Creating a site map for the current Xfinity on Campus site enabled me to identify the current content structure.

Design Solution

I utilized my skills in UX Design and Wireframing to revamp the website. I used Figma to design and develop a user-friendly mobile app that would resonate with the target audience.

Outcomes

The updated website and mobile app significantly improved user engagement. The intuitive design led to an increase in the number of students using Xfinity’s services, boosting the company’s college student market.

Low Fidelity Wireframes

Onboarding User Flow

User flow for the sign up process is simple and straightforward.

High Fidelity UI Mockup

A few sample UI mockup screen designs can be seen below. Xfinity’s brand colors and design language have been adapted to create a familiar yet different user experience.

Credits and Sources