Brand Strategy/Visual Design/UX
Coinpanda is a Canadian cryptocurrency exchange platform aiming to provide a user-friendly and secure trading experience. As their designer, I crafted their brand logo and meticulously designed the platform's UX, ensuring seamless and intuitive navigation for traders in Canada.
THE PROBLEM:
User face challenges with exchange navigation and understanding of the overall functionality
​
SOLUTION:
Design a coinpanda's website to be user friendly by providing clear and easy user flow of navigation for trading crytocurrency.
​
MY ROLE:
UX and visual designers leading the Coinpanda website design
​
RESPONSIBILITIES:
Conducting interviews,paper and digital wireframing, low and high-fidelity prototyping, conducting usability studies, accounting for accessibility, iterating on design and responsive design.
PROJECT DURATION
January 2022 to March 2022
​
UNDERSTANDING THE USER:
I conduced user interview, which I then turned into empathy maps to better understand the target user and their needs. I discovered that many target users user user cryptocurrency exchange website is interested in blockchain market but without deep technical knowledge of how to use website or app to start invest in, trade cryptocurrency. However , many cryptocurrency website are overwhelming and confusing to navigate, which frustrated many target user. This will psh users away from cryptocurrency exchange market, and ended up give up to use the website and app.
USER PAIN POINTS
​
NAVIGATION:
Cryptocurrency exchange website designs are often busy, which results in confusing navigation
TRANSACTIONS AND PURCHASES:
Not clearly explained about how to buy and sell cryptocurrency for the first time users.
PERSONA & PROBLEM STATEMENT
Kelly is business woman who needs a well explanations of cryptocurrency exchange website because it will save her time when she buy the cryptocurrency.
USER JOURNEY MAP
I created a user journey map of Kelly's experience using the site to help identify possible pain points and improvement opportunities.
STARTING THE DESIGN
SITEMAP
Website navigation is important for users, so I create a sitemap.
My goal here was to make strategic information architecture decisions that would help improve overall website navigation. I designed simple and easy navigation for users.
PAPER WIREFRAMES
WIREFRAMES
Next, I sketched out paper wireframes for each screen in my website, keeping the user pain points about navigation, browsing, and checked out flow in mind.
At the end I chose the last wireframe with star marks as my final homepage.
SCREEN SIZE VARIATIONS
I have also designed additional screen sizes to make sure the site would be fully responsive.
DIGITAL WIREFRAMES
From paper to digital wireframes made it easy understand how the redesign can help address user pain points and improve the user experience.
Making navigation bar simple and easy to understanding on the homepage was key part of my strategy.
WIREFRAMES
explain how to buy/sell crypto and knowlege.
homepage is optimized for easy and friendly for users.
SCREEN SIZE VARIATIONS
LOW-FIDELITY PROTOTYPE
I connected all of the screens involved in the primary user flow of transaction successful page.
I asked people to do the usability testing to know anything I need to improvement and make a change.
USABILITY STUDY FINDINGS
​
1. LOG IN
users have to log in then go to the trading page, they get confused about where to start to trade in.
1. LOG IN
users have to log in then go to the trading page, they get confused about where to start to trade in.
1. LOG IN
users have to log in then go to the trading page, they get confused about where to start to trade in.
1. LOG IN
users have to log in then go to the trading page, they get confused about where to start to trade in.
2.BUY
users get confused about buy and fund section.
REFINING THE DESIGN
​
MOCKUPS
Based on the insights from the usability study, I made changes to improve users flow. One of the changes I made was adding the"Get started"button. This allowed users less confused about how to get start to by cryptocurrency as a new users.
After usability study
Before usability study
ACCESSIBILITY CONSIDERATIONS
1. HEADINGS
I used headings with different sized text for clear visual hierachy
2. COLORS
I used color intentionally and consistently.
SCREEN SIZE VARIATIONS
I designed additional screen sizes in my mockups based on my earlier wireframes, ith different screen sizes such as mobile and tablet, users will have the smoothest experience.
HIGH-FIDELITY PROTOTYPE
I connected all of the screens involved in the primary user flow of transaction successful page. I asked people to do the usability testing to know anything I need to improvement and make a change.
GOING FORWARD
TAKEAWAYS
IMPACT
Most of users who used the cryptocurrency exchange platform are newly to the blockchain market, thus our design is easy for first time users get to explore the cryptocurrency world.
WHAT I LEARNED
I learned that any design is based on research and real need of the users, cryptocurrency is still new to most of people, so the better UX design can make users to explore a crypto world more easily.
NEXT STPES
1. TESTING
conduct follow-up usability testing on the new website.
2. IDEATION
Doing more research about cryptocurrency and identify any additional areas of need and ideate on new features.