TSM Shop E-Commerce App

UX Design

Roles & Responsibilities

Lead Product Designer (UI/UX) - Owned end-to-end design (research → wireframes → hi-fi → design system) - Partnered with PMs, Engineers, and Brand stakeholders

Introduction

TSM (Team SoloMid), a leading e-sports organization, needed a mobile commerce app to provide a

seamless shopping experience for its global fanbase. Their online presence had strong demand but

lacked an optimized mobile-first platform to handle high traffic during drops, seasonal promotions, and

international orders.

Challenge:

Build an e-commerce app experience that aligns with TSM’s premium brand.
Handle large spikes in traffic (merchandise drops).
Ensure the app is scalable, intuitive, and accessible for a wide range of fans.

‍

View Prototype

Why Design?

The Problem

TSM is a global organization with fans across the world in order to continue to grow the brand's name and image it is necessary to maintain an updated and inclusive design that represents the brand.

TSM has reached fans and users globally, in attempt to increase their online presence and connect with more fans. TSM has stated that a new mobile app UI redesign is needed.
To create an optimized experience on a mobile app platform and increase overall revenue by expanding options to access the brand's merchandise and increase customer base.

‍

User Journey

Optimized critical flows:

- Product discovery → simplified navigation

- Checkout → reduced from 7 steps to 4

- Promotions → drop-friendly landing + purchase

‍

User Feedback and Key Insights

The Solution

Creating a Personalized Shopping Experience

To create a more inclusive experience for buyers worldwide it is important to improve and increase purchasing options for each user to feel valued.
According to research, users expressed how embarrassing it is to not be able to purchase items they are fond of because their form of payment is not accepted.

A Global Shopping Experience

- +15% revenue in 3 months
- -10% cart abandonment
- +25% engagement with drops
- Positive fan feedback

Prototype Demo

No items found.

Prototype

No items found.

Figma prototypes tested with 8 users

Key improvements:

- Persistent cart preview

- Pill-style filter toggles

- Accessibility: high contrast + larger tap areas

‍

Design System

Mini design system delivered: - Color tokens & typography - Grid & spacing - Component library (cards, modals, buttons, filters) - Iconography & patterns