top of page
Desktop - 2.png

TikStockX

A mashup of StockX & Tiktok

OVERVIEW

Overview

TIKSTOCKX, based on the existing functions of STOCKX(an online marketplace and clothing reseller, primarily of sneakers) combined with the functions of TikTok. I  designed a live marketing platform with social functions to help new users get started quickly and easily.

Background

This project was originally based on my personal experience. When I used StockX for the first time, the overly compact content and layout on the interface made me feel the urge to quit the app many times. In order to optimize and enhance the experience of using StockX for the first time users, I came up with the idea of combining the functions of Tiktok and StockX and optimizing the experience of using StockX.

Course

Behavior

Main Tools

Figma, Adobe Premire Pro

My Role

User Research,

User Experience Design, Interaction Design,

UI Design,User Tests

PROCESS

Group 242.png

App User Reviews

User Interviews

Define Design Goal

Interface Analysis and Opttimization

Sketches&wireframes

UI Displays

FTUE UX Presentation

FINDING THE PROBLEM

FINDING THE PROBLEM

As a user of StockX, I already have a certain understanding of it, in order to verify whether the problem I encountered is worth solving or is my problem limited to my own mind? So I checked StockX user reviews on the App Store and interviewed 5 classmates.

APP USER REVIEWS

IMG_7485.png
IMG_7486.png
IMG_7484 (1).png

USER INTERVIEWS

In order to understand the problems encountered by users for the first time, I interviewed five students who had never used StockX before. 

Group 254.png
Group 256.png
Group 254 (1).png
Group 255.png
Group 257.png
DEFINING THE PROBLEM

DEFINING THE PROBLEM

HYPOTHESIS & DESIGN GOAL

 HYPOTHESIS

How might we support users in navigating through the app easily and efficiently and attract them at the first time?

The design goal is to design a smooth user experience and eye-catching interfaces, which have a strong visual style and can guide new users to get started quickly and easily.

INTERFACE ANALYSIS AND OPTIMIZATION

Current user interface of StockX

IMG_7481 1.png
Group 258.png
IDEATING THE SOLUTION

IDEATING THE SOLUTION

Untitled_Artwork 39.jpg

BRAINSTORM & SKETCHES

​Wireframes

Untitled_Artwork 38.jpg
Group 238 (1).png
VISUALS

VISUALS

Group 259.png

UI DISPLAYS

Group 260.png

BUYER SHOW

Users can browse buyer shows and directly open the goods tagged in the video.

FIRST TIME USER EXPERIENCE(FTUE)

Group 261.png

A first time user toturial.

UX  PRESENTATION VIDEO

REFLECTION

REFLECTION

In this project, I used a lot of micro-interactions to improve the user'S experience. Throughout the process, I was not only viewed the problem from the perspective of the designer, but also understood the real demands from the perspective of the user.

​

I talked to a lot people to know their thoughts and opinions which helped me develop my soft skills as a designer.

bottom of page