Project Gallery

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


Portfolio Pieces

This is a gallery of all my portfolio projects, showcasing graphic design, UX/UI design, and web development.


The Yoga Bar on Demand

UX/UI

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

UX/UI

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.

Virtual Styleroom App UI

UX/UI

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.

Vancity Showcase App UI

UX/UI

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. 

Adonia Mobile UI

UX/UI

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.

VanSynth Poster Series

Graphic Design

VanSynth Poster Series

Photoshop // InDesign

This is a poster series made for a fictional event, VanSynth ’19 – an electronic music festival. Vanynth’s uniqueness comes from its 80s aesthetic – both a nod at retro music as well as the influences of synth based EDM genres (ie. synthwave). I designed and illustrated these posters using the Adobe Creative Suite.

Phi Interior Design Branding

Graphic Design

Phi Interior Design Branding

Illustrator // Photoshop

This is a branding project that I did for a ficticious company, Phi Interior Design. I wanted to challenge myself to design something stylistically different from what I normally did, and aim for something more corporate and modern. For this project, I have created a logo with dark and light variations, as well as branded stationary. The concept of the company is based around “phi”, or the golden ratio – a term synonymous with beauty and elegance. Adobe Photoshop and Illustrator was used to create these pieces.

Working with Frame One 

Graphic Design

Working with Frame One

Photoshop // Indesign

This is a promotional pamphlet/magazine layout that I made for Frame One Software. Its purpose is to show clients the process of working with the company, and what the various stages would be like. Following Frame One’s branding and inspired by technology and abstract shapes, I was able to produce this design to be used by the organization.

Jazmode Software Logo

Graphic Design

Jazmode Software Logo

Illustrator // Photoshop

In this project, I designed a new logo for Jazmode Software, a company that provides tools which help people manage their financial and real estate portfolios. Jazmode’s previous logo was a lotus, but they wanted their branding to match their name. I created a modern looking logo that was inspired by jasmine flowers, while retaining the feel of a professional tech company.