Product Page Redesign
The existing product page was long, repetitive, and required multiple clicks to get to the cart. While customers appreciated the supportive, guided experience, it was clear the interface needed to be more efficient.
My role
Lead UX/UI Designer
Company
C Spire
Team
Business Owner Data Analyst Usability Tester Developer QA Tester
The Challenge
The current page was long and click-heavy. While users liked the guidance, the flow needed streamlining.
Objectives:
- Fewer steps
- Less scrolling
- Maintain the guided experience
- Follow usability best practices
Research Highlights
I explored:
- How other e-commerce brands structure product pages
- Baymard best practices on progressive disclosure and pricing
- A UX audit of our page (too many clicks, repeated info, overload)
- Informal user feedback on what they liked
Design
Instead of removing steps, I made them optional. The design feels lighter, but still helpful.
Key Changes:
- Split into 3 clear sections: Device / Personalize / Protect
- Optional steps (no more “No thanks” clicks)
- Transparent, dynamic pricing
- Cleaner layout with focused content
Testing Plan
Testing is next! Once designs are final, I’ll:
- Run task-based usability testing
- Track time, drop-offs, and feedback
- Refine before dev handoff
Results
The redesign is pre-launch, so results are still to come. But the work is rooted in research, user insights, and proven UX principles.
The goal? A smoother path to purchase that still feels like a guided experience — not a stripped-down form. I’m looking forward to validating the direction through usability testing and iterating from there.