T-Mobile Fiber

Improved the pre-order credit card experience by adding new screens and features that address business goals, align with the new design system and enhance the customer experience.

Company/Project type:

T-Mobile / Fiber Technologies

Timeline:

1-4 week sprint

Tools used:

Figma

My Role

As the lead designer, I balanced business objectives with customer needs for intuitive experiences.

The Challenge

Several customers who had pre-ordered our fiber internet service experienced problems when their credit cards expired or were about to expire. Consequently, this caused delays in installation and appointment scheduling, resulting in non-payment and a low churn rate.

I worked to address this issue and ensure a smoother experience for our customers and business needs.

Solution

Significant improvements were made to enhance the user experience without doing a complete design overhaul, resulting in a highly usable launch.

How?‍

1) Reviewed the initial pre-order user flow to see if there was a missing step that I was able to include.
2) Addressed and resolved inconsistencies in the design and usability of the pre-existing pre-order user flow.
3) Incorporated the most up-to-date typography system in the new launch of the pre-order user flow.
4) Maintained design consistency and brand recognition by using existing design template.

Designs

I prioritized building out the desktop experience first before moving onto tablet and mobile, as our users are mostly on desktop web devices. All designs will be shown at a birds-eye-view.

What's New?


1) New billing and payment screen added to the pre-order user flow, prompting users to update their expired or expiring credit card information before logging in to their accounts.
2) Banner notifications, colored green, yellow, or red, will inform users of the status of their credit cards or upcoming installation services.
3) Consistent layout spacing in all pre-order screens and button sizes.
4) Updated copy in all pre-order screens and button microcopy to clearly communicate to the user of next steps.
5) Red text to alert users of expiring credit cards.
6) Desktop, tablet, and mobile screens were updated with the latest typography from the design system.


Results & Next Steps

The new screen and features implemented in our pre-order process guaranteed that service installation won't be impeded and removed any inconveniences for our customers. This modification also resulted in an enhancement of our retention rates by 5%. Looking forward, I am optimistic that these changes will continue to enhance the customer experience and strengthen T-Mobile Fiber's reputation as a dependable provider.