This UI/UX Redesign Will Teach You More Than 100 Tutorials Combined
599.9K views · 2026-08-27
Interaction & UXUI Design
👉 Try Mobbin for free and get 20% off: https://mobbin.com/uxpeak
💎 Learn world-class UX/UI design with uxpeak+ platform: https://www.uxpeak.com
(🎁 Use code REDESIGN25 to get 25% off Uxpeak+ Pro subscription.)
In this UX/UI redesign, we break down the biggest UX and UI mistakes on a real mobile product page, and show how to turn a messy interface into a clean, intuitive and conversion-focused e-commerce experience.
You’ll learn how professional UX/UI designers think about visual hierarchy, spacing, typography, color, product images, reviews, pricing, quantity selectors, Add to Cart buttons, mobile usability and the overall buying experience.
But this isn’t just another UI redesign where we make a screen look prettier.
We’ll look at why certain design decisions make a product easier to understand, easier to trust and easier to buy from, and how to design interfaces that work as real product systems, not just polished mockups.
In this video, you’ll learn about:
• UX vs UI decisions that actually affect the user experience
• Common UX/UI mistakes designers often overlook
• How to create stronger visual hierarchy
• Better spacing, alignment and typography
• How to choose better product imagery
• E-commerce UX and product page design
• Review, price and product information hierarchy
• Better quantity selectors and Add to Cart UX
• Sticky mobile CTAs and reducing purchase friction
• Designing a scalable UI system across multiple products
• The difference between a pretty UI and a strong product experience
🎓 Learn UX/UI with uxpeak+:
https://uxpeak.com
🎁 Use code REDESIGN25 for 25% off uxpeak+, the UI/UX Playbook or our full UX/UI Design Mastery Course.
🔍 Explore real product patterns with Mobbin: https://mobbin.com/uxpeak
Get 20% off your first year of Mobbin using our link.
How many problems did you spot before we fixed them? Let us know in the comments 👇
🏆 Top design resources: https://uxpeak.com/pages/resources
👍 If this helped, a like really supports the channel.
🔔 Subscribe for more UX/UI breakdowns every week.
💜 JOIN OUR COMMUNITY
Instagram: https://www.instagram.com/uxpeak_
Twitter/X: https://x.com/uxpeak_
LinkedIn: https://www.linkedin.com/company/uxpeak
Dribbble: https://dribbble.com/uxpeak/
Medium: https://medium.com/@uxpeak.com
Behance: https://www.behance.net/uxpeak
#UXUI #UIDesign #UXDesign #appdesign #UIUXDesign #uiux #mobiledesign
💎 Learn world-class UX/UI design with uxpeak+ platform: https://www.uxpeak.com
(🎁 Use code REDESIGN25 to get 25% off Uxpeak+ Pro subscription.)
In this UX/UI redesign, we break down the biggest UX and UI mistakes on a real mobile product page, and show how to turn a messy interface into a clean, intuitive and conversion-focused e-commerce experience.
You’ll learn how professional UX/UI designers think about visual hierarchy, spacing, typography, color, product images, reviews, pricing, quantity selectors, Add to Cart buttons, mobile usability and the overall buying experience.
But this isn’t just another UI redesign where we make a screen look prettier.
We’ll look at why certain design decisions make a product easier to understand, easier to trust and easier to buy from, and how to design interfaces that work as real product systems, not just polished mockups.
In this video, you’ll learn about:
• UX vs UI decisions that actually affect the user experience
• Common UX/UI mistakes designers often overlook
• How to create stronger visual hierarchy
• Better spacing, alignment and typography
• How to choose better product imagery
• E-commerce UX and product page design
• Review, price and product information hierarchy
• Better quantity selectors and Add to Cart UX
• Sticky mobile CTAs and reducing purchase friction
• Designing a scalable UI system across multiple products
• The difference between a pretty UI and a strong product experience
🎓 Learn UX/UI with uxpeak+:
https://uxpeak.com
🎁 Use code REDESIGN25 for 25% off uxpeak+, the UI/UX Playbook or our full UX/UI Design Mastery Course.
🔍 Explore real product patterns with Mobbin: https://mobbin.com/uxpeak
Get 20% off your first year of Mobbin using our link.
How many problems did you spot before we fixed them? Let us know in the comments 👇
🏆 Top design resources: https://uxpeak.com/pages/resources
👍 If this helped, a like really supports the channel.
🔔 Subscribe for more UX/UI breakdowns every week.
💜 JOIN OUR COMMUNITY
Instagram: https://www.instagram.com/uxpeak_
Twitter/X: https://x.com/uxpeak_
LinkedIn: https://www.linkedin.com/company/uxpeak
Dribbble: https://dribbble.com/uxpeak/
Medium: https://medium.com/@uxpeak.com
Behance: https://www.behance.net/uxpeak
#UXUI #UIDesign #UXDesign #appdesign #UIUXDesign #uiux #mobiledesign