Art Direction, Design & QA of Sprint Homepage Redesign
The Ask
Take a cluttered, “deals, deals, deals!”-dominated homepage and minimalize it with our newly redesigned AEM (Adobe Experience Manager) components.
The Approach
Utilizing extensive research and user testing, my tight-knit team and I pushed beyond the ask to create what customers want to see from Sprint: a fresh design, approachability, humanity, authenticity, and transparency.
I straddled direction of visuals, UX, UI, production, and a hectic QA process 🫠 I also had to fight for things like micro-animations on the CTAs.
Testing
Through surveys, customers made it clear that they largely knew what they wanted when they arrived to Sprint.com; if they wanted the latest iPhone that’s what they came for regardless of deals and if they were looking for a mid-tier smartphone they weren’t going to be swayed by repeated iPhone promos.
To resolve do this, we utilized a structure that allows users to get right where they want to go, uncharacteristically bold messaging, fun illustrations, subtle hover animations, and photography that captures real people having real moments (with products and sometimes without).
We also took a step back to make sure the homepage answered key UX questions:
- What we provide: Price, Network, Service, and Convenience
- Why you should buy it
- How you get it
We divided the page into sections to answer:
- S1: Rotating (limit 3) – Iconic Devices
- S2: Why – Network | Plans | 100% Guarantee | 5G | Buy Online, Pickup In-store | Hulu
- S3: How – Tabbed Device Section
- S4: Offers – Deals | Tablets | Wearables
Iconic devices remained in the header but we created a new opportunity for mid-tier devices to be seen in a new way: The Shop Your Way section in the screenshots below featured phones in the Under $10 Per Month range, Starting at $10 Per Month range, and Starting at $15 Per Month.
The Results
The final creative below was one of three prototypes developed and presented to leadership (see another below). Additionally, we ran an A/B Test with our final version versus one with less text and taller blocks of imagery.
The cleanliness of the page architecture resulted in:
169.3%
increase in Black Friday conversions
22%
increase in overall conversions
18%
increase in overall product orders
We were able to turn this victory into restructuring the navigation as well.
Before
After
Brainstorm/Structure Sessions
A/B Test
Final Design
Additional Concept
This first concept, nicknamed Ragnarok, was our most ambitious and futuristic. We figured if we can have everything we all spent years dreaming the Sprint site could be, let’s try to implement it now! This version included content, such as help articles or curated pieces like our City Guide. We also imagined the header content would be home to large, inviting visuals focused on our network coverage, Iconic device pre-orders, and localized messaging — which I had worked on for several 5G initiatives.
- UX Research: S. Vipparti
- UX Lead: A. Nash
- Copywriting: L. Thomas
- Illustration: J. Francis
- Authoring: K. Lewis