This project involved designing a modern mobile e-commerce application ("eShop"). The goal was to boost product discovery and simplify the purchase journey with a cleaner, contemporary UI style.
My Approach
The main goal was to design an app that was visually appealing and incredibly fast to use. The approach focused on using a modern, card-based UI with large product images and streamlining core paths like Discovery and Checkout to require the fewest possible taps.
Vision and Innovation
Vision – The vision was to create a shopping app that felt intuitive and immersive, avoiding the clutter of older platforms.
Innovation – Innovation involved architecting a smart home feed that uses clean product cards with quick-view options.
Final Design – The design uses a clean, light background to make the products the main focus.
Identifying Unique Challenges
Challenge – The challenge was fitting a vast product catalog and complex filtering into a small screen without confusion.
Resolution – This was solved by using a floating search bar and a slide-out filter drawer, keeping the main browsing screen clean.
Resolving Complex Problems
Problem – The most complex problem was designing a frictionless checkout flow to minimize abandonment.
Solution – This was resolved by creating a single-screen, tabbed checkout module that reduced manual data entry and simplified the purchase process.
User-Centric Design
The design prioritizes speed and visual hierarchy. Product images are large, making the shopping experience engaging.
The main navigation uses a clean bottom bar for instant access to Home, Search, Cart, and Profile.
Visual feedback (like subtle animations when adding items) is used to keep the user informed.
Meeting User Needs
The design met user needs by providing:
Speedy Checkout – The simplified flow ensures purchases are completed in seconds.
Easy Discovery – An intuitive search and filter system helps users find products quickly.
Aesthetics – The modern UI provides a high-end, enjoyable browsing experience.
Detailed Pages and Features
Home Feed – Dynamic product cards with quick-add buttons.
Filter/Sort Drawer – Hidden panel for advanced product customization.
Single-Screen Checkout – Streamlined flow for shipping, payment, and review.
Conclusion
The eShop mobile app design successfully modernized the online shopping experience by prioritizing a clean, functional UI and streamlining the entire purchasing journey to maximize conversion rates.
