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.
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.
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
Meanwhile checkout the other projects
Build8.ca - Website Agency Works
UX / Web Development
HackOr 2021 - Study Buddy
UX/ UI Project – Hackathon Winner