UX/UI • E-commerce

Runners Den

Native Designed Using iOS 11.1 Components

This a mock project I made to show and work on my UI, Prototyping skills while taking the opportunity to work with iOS components. I chose an e-commerce product to display what I learned during my time working with Lowe’s.

Tools
  • UX/UI Designer
  • Visual Designer
Methods
  • Figma
  • Competitive Research
  • Whimsical
Deliverables
  • Interactive Prototype
  • Component Library
  • Hi-Fi Design Mockups

Interactive Prototype

Go ahead and play around! Make it fullscreen if you want 😀

Seamless & Robust Checkout Experience

Intuitive, Usable & Clear Call-to-Action

 

This was achieved with a functional sticky bar where users can add to the cart, save for later, or view available product options. Once users get the right product in their cart, they still need to confirm their fulfillment details like shipping/billing address, payment type, and pricing details.

Starting from the left, empty cart state, to the successful fulfillment screen, on the right.

Onboarding Experience

Collecting Data Unobtrusivelyto Support a Better Human Experience

 

Everyone knows how important making a first impression is, which is why onboarding is such a crucial part of customer acquisition, loyalty, and improving your product. How do you gather information from people to help us tailor their user experience to their interests without compromising them?