Shopee Revamp

Overview

Problem Statement: “Active users of Shopee experience frustration due to a cluttered, inefficient interface that complicates the purchasing process.”

Project Scope: Tasked to hypothesize ideate a problem backed with research, report and testing. To create an interactive prototype with these data.

Shopee is an application that aims to provide a platform tailored for the region that provides customers with an easy, secure, and fast online shopping experience through strong payment and fulfilment support, making online shopping accessible, easy, and enjoyable every single day.

The revamp was done as part of a UI/UX module in Digipen where the goal was to come up with an interactive application from base in the span of 6 weeks.

End Product: Research and Report, High Fi Mockups, Style Guide and Figma Prototype

Members:

Clement Seng Woon LEOW, LAI Kar Lonng, Kah Yim Valda KUM, Wei Xiang Xavier TAN, Gerald Wei Jie SOH, Ying Xin Matilda LIM

Research Findings

Product Vision

The main goal of the revamp was to tackle any existing issue which Shopee may have. To ensure that, we did an in-depth research on what Shopee functionalities there were and before narrowing down to a specific target audience which uses Shopee.

To ensure that our application stands out, further competitor research were done to sift out the goods that we may include in our app. Documentation of research and infographics were all done in Canva.

Competitor Analysis

Research

After streamlining down our target audiences, the team decided to come up with personas to help determine what the users potentially want or need in the app. User journey were created to note path taken by the users. This helps speed up the process when creating the wireframes for our app so as to know priority screens to work on. From this we were able to pinpoint the main features of our app.

Persona 1

User Journey 1

User Story 1

Persona 2

User Journey 2

User Story 2

Design Process

Based on our research and the features that are app has, we came up with a few simple wireframes to ensure that the flow was cohesive. We ensured that the flow of the wireframes were working well. We did a total of 3 iterations: Wireframe, Mockup and Final Product. After each iteration we would conduct a user testing survey to ensure that the flow was cohesive and that users understand how and what to do with the application without much assistance.