Summary

Playmex is the innovative crypto-currency trading platform

with features such as 1-Click Trading, SuperDOM,

Deep Volume Monitor & Anti-liquidation Insurances.

Challenge
I joined Playmex as the sole product designer.

The product had a legacy UI kit previously created by an external design agency. It was incomplete and disordered. Many of the interface components and widgets were not relevant or missing.

Playmex was an early-stage startup, and I worked under limited time constraints. There was no budget and time for user research, so I interviewed my colleagues and friends to validate my design ideas.
My role
Product designer
Goals
β€’ Rebuild the existing UI kit into a scalable design system in Figma
β€’ Revamp or create from scratch missing interface elements
β€’ Research, prototype and implement new product features
β€’ Prepare design to development hand-off
β€’ Create branding kit and product landing page

Personas
Creating personas helped me to get an idea about users’ needs, challenges, and pain points, which allowed me to design a more relevant user experience for the product.
Newton
Crypto Trader
Background
Newton is a newbie in crypto trading. He’s just exploring this area and trying to be cautious. He’s looking for a platform that would allow him to trade wisely and set limits not to lose his crypto assets.
Goals

β€’ Receive reasonable hints and tips for the trading

β€’ Have a clear overview of the trading process

β€’ Get perks and bonuses, like weekly or monthly challenges

β€’ Be able to set up stop loss feature

Pain-points

β€’ Need to learn tons of information to start with the trading

β€’ Concerns about losing money on crypto trading

β€’ High fees on the similar platforms

Michael
Experienced
Trader
Background
Michael is an experienced crypto trader. He prefers to be all set and ready for any occasion on the liquid crypto market. He expects ultimate control over his derivatives and pro features from the platform.
Goals

β€’ Get ultimate control over the trading process

β€’ Have a multiple of cryptocurrencies to trade

β€’ Be able to trade on high leverage

β€’ Get access to pro features, like automated trading

Pain-points

β€’ Some tools not allowing him to gain full control over the process

β€’ Lack of unique features tailored to his daily tasks

β€’ Few crypto assets to trade on similar platforms

Design System
One of my main tasks was to rebuild the existing UI kit into a scalable design system in Figma. I revamped some of the legacy components and created missing elements from scratch.
Buttons
Inputs
Icons
Visual Design
After completing the design library I continued working on more advanced interface elements and features.
1-Click Trading Widgets Settings
Volume Inspector and Position Widgets
Iterations of the 1-Click trading feature

Visual Design

Outcomes

Working on Playmex was quite challenging since cryptocurrency trading was a completely new area to me. I never worked with similar projects before. I had to dive in quickly and start delivering.

It is important to mention that I was the sole product designer with limited time constraints and resources.
I had to figure out how I can do user research to validate my design decisions. The outcome of this work was a success.