About This Project

The Client

The client is one of the four leading cell phone carriers in the U.S. Under the terms of my NDA, the client name is redacted across all deliverables.

Project Rationale

The client had updated their pattern library for their contract phone plans, and now needed their prepaid plans to match this new design pattern. 

Old pattern / New pattern

Old pattern / New pattern

Project Goals

The goal was to updated the look of the prepaid site while preserving the existing content and message hierarchy. I also added new pages for certain phone plans, and reorganized the site map. 

Design Constraints

The new design had a set number of specific patterns that I could use, and so I had to determine which patterns would work best with existing content. 

My Contribution

Design Process

I started by familiarizing myself with the current message hierarchy of the site, as well as the new design patterns. Then, I drafted desktop and mobile wireframes of one of the new prepaid plan detail pages, as well as desktop and mobile wireframes of one of the landing pages. Alternative layouts were explored for pages such as the All Plans Landing page.

All plans landing page - wizard option

All plans landing page - wizard option

All plans landing page - offer module option

All plans landing page - offer module option

After incorporating internal feedback, I presented to the client team. They approved, and I designed the remaining 13 pages over the course of another iteration, while incorporating client feedback. 

Challenges

The main challenge of this project was that the new design patterns did not always translate seamlessly with existing content, or might work well on desktop but not mobile in some cases. For example, the mobile internet page worked well with the new slider pattern on desktop, but had too small of a touch target on mobile. 

Old content layout / New design pattern

Old content layout / New design pattern

Slider challenge

Slider challenge

So, I presented alternatives for the mobile version of the slider.

Mobile slider alternatives

Mobile slider alternatives

Team and Timeline

Though I was the sole UX Designer on the project, I collaborated with a visual designer, copy writer, developer, project manager, and account director. This project was completed over the course of three weeks.

Deliverables (excerpt)

All plans landing page - desktop

All plans landing page - desktop

All plans landing page - mobile

All plans landing page - mobile

Prepaid phones landing page - desktop

Prepaid phones landing page - desktop

Prepaid phones landing page - mobile

Prepaid phones landing page - mobile

Plan detail page -desktop

Plan detail page -desktop

Plan detail page - mobile

Plan detail page - mobile