UX/UI

My name is Susan Li and I’m a Graphic and UX/UI Designer based in Vancouver, BC.


Portfolio Pieces

A collection of my Interaction Design (UX + UI) projects. I use user research, user testing, prototyping and design tools to create efficient and user centric designs for digital media.


The Yoga Bar on Demand

UI Design

The Yoga Bar on Demand

Adobe XD // Photoshop

This is a UI Design I made for The Yoga Bar, a yoga and fitness studio in White Rock, BC. As the UI Designer for Frame One Software, I was tasked with making a set of designs for an online application where users could have access to on demand videos. The client requested that we follow the existing branding style that was used for their website, which was a minimalist greyscale aesthetic.

Printstruct VPI Software

UI Design

Printstruct VPI Software

Adobe XD // Photoshop

This is the UI design of a business tool I created for Printstruct, a company which makes VPIs (Virtual Procedure Instructions) using 3D animation. Following Printstruct’s branding guidelines, I made the interface of a software that allows users to create their own custom VPIs, as well as look at their company members, employee statistics, manage users in the database, and more. I worked closely with the developers of the Frame One Software team, and made sure that this design was technically feasible as it was visually appealing.

Vancity Showcase App UI

UI Design

Vancity Showcase App UI

XD // Photoshop // InVision // Xtensio

Vancity Showcase is an idea for a Hybrid App that will allow users to search for events, news, and the latest happenings in Vancouver, while integrating social aspects like Friend lists and sending event invitations. I designed the app UI, making high fidelity prototypes of its most important functions such as a personalized news feed, a sophisticated multi input search filter, and a profile which displays recommendations and favourite lists. 

Virtual Styleroom App UI

UI Design

Virtual Styleroom App UI

XD // Photoshop

This is a concept of a styling app which allows users to create, share, and recieve outfit recommendations based on their personal fashion tastes. Users also can access additional information like cost, brand, and a link to the product on the company’s website. Using Adobe XD in tandem with Photoshop, I created a high fidelity, interactive prototype.

Adonia Mobile UI

UX Research + UI Design

Adonia Mobile UI

Photoshop // Xtensio // UXpressia// Invision // Mockflow

This is both a UX research and UI design project made for Adonia Tea House, a high tea salon in Vancouver, BC. This was made as a student project and is not affiliated with the company. In this project, I use a variety of UX research tools to make a prototype of a possible mobile design. This is intended to be a mapping of the reservation process for the customer.