UX Design for an eCommerce app

Challenge

Design an app for an eCommerce store.

Objectives

Cleaner UI look, Visual Hierarchy, Ease of navigation, distraction free checkout process, Accessibility and meeting WCAG AAA standards.

Information Architecture(Sitemap)

Lo-Fidelity Flow

Usability Insights

• Home, Account, Cart and Navigation items can be placed in the persistent bottom menu for easy reach on touch devices.
• Product page CTA buttons can be made in-line/on page from the persistent bottom menu, since these buttons are required only on Product page.
• Search bar to have “search App-name” placeholder, freeing up the space occupied by the logo.
• Login Page should lead into address selection upon successful login, which should lead into the Payment page.
• Registration to be followed by mobile number verification screen.

Hi-Fidelity Flow

Final Design