Andrew Ang's website logo
Flight Web Cover Mockup - andrewang.co

Organizing system for decks of cards.

Role

Lead Designer

Interface Design

Interaction Design

Timeframe

2 weeks (2022)

Tools

Figma

Miro

Balsamiq – Wireframe

Collaborators

Andrew Ang (Myself)

Ross Shen

Abstract

Cardessory is an application where card enthusiast use the platform to track their cards they bought and also engage with the card collecting community.

Application Ideation & Goals

As my friend, Ross Shen, and I are  card enthusiast and  Card Collectors. We realized that there was not a proper platform which allows users to track the cards they had bought. Although there was a similar platform called “Portfolio 52” , their web design and internal inventory tracking is not as user friendly. Therefore, we decided to craft our own version.

Our main goal is to have users be able to track what their inventories as well as allowing a platform to list their decks for sell on the website.

Flight Layout Mockup - andrewang.co

Iterations and wireframe

We started by creating a low  fidelity mockup of our application. By arranging the important features within the application helps us piece each function of the application as well as the pages when navigating the application. After that we did a wireframe to navigate the pages of each section of the application.

Flight Layout Mockup - andrewang.co

Challenges

There were many issues we faced when constructing the design. There was a lot of trial and error on structuring the important details.

We tested our ideas with some friends and eventually we made a way to craft our idea.

Final Prototype

Like the work and want to collaborate? Contact here!

Meanwhile checkout the other projects

Website Agency Blurb - andrewang.co

Build8.ca - Website Agency Works

UX / Web Development

HackOr - Study Buddy Blurb

HackOr 2021 - Study Buddy

UX/ UI Project – Hackathon Winner