Scroll Down
Project Title
ecommerce iOS App
Role
UI/UX Designer
Client
Whoopey

view live prototype

Overview

Whoopey is the leading e-commerce platform for Electronic gadget in Gulf region. It is a platform tailored for the region, providing customers with an easy, secure and fast online shopping experience through strong payment and logistical support.

Goal

The goal of this project was to create an eCommerce iOS app from scratch. This will help our valuable customers to make their online experience easy.

Challenge

Create a unique application design that would meet the overall brand idea and would help to:

  • Increase visibility of the business
  • Provide 24/7 connectivity with the customers
  • Assist in developing a stronger relationship with customers
  • Simplify the interaction process for users

User Research

Most stats show that the average time spent on mobile devices is rapidly increasing worldwide, year by year. As per the latest available data, an average user spends at least two or more hours on their mobile devices ( https://www.statista.com). And, in most of the cases, it is the mobile apps that consume the maximum time of the users.

Before I start the work, I began the process with a little research on UAE statistic about online purchases by using mobile devices.

As per statistic UAE most often bought online goods of the following groups: Home appliances, electronics & accessories and garden products. Next I wanted to check what are the main features of online shopping apps that create great experience and satisfy buyers.

Customer Satisfaction

User Flow

Thinking of information architecture and content requirements I made simple yet thoughtful navigation chain.

So, I figured out how app screens should be connected to each other to help the customers place orders in the most convenient way and made all crucial functions easily accessible.

Low Fidelity Wireframes

Working closely with product owner I had the opportunity to see the flow of their operation. It inspired me to design a minimalistic user flow and at the same time visually appealing app interface. Thus, I’ve started with low-fidelity wireframes sketching them on the paper.

High Fidelity Wireframes


Visualization


Thank You