KMBIO is a hybrid crypto exchange, combining the power of a centralised exchange (CEX) with the security of a decentralised exchange (DEX). I joined as a UI/UX Specialist after delivering a landing page that earned me a full seat at the table.
What began as a skills test, "design us a landing page", evolved into a 15-month embedded role as the sole designer on a live crypto exchange. Three distinct phases shaped the product.
Delivered an animated landing page with smooth scroll sections, and vector illustration system. The client loved the result and onboarded me onto their core team; working alongside engineers, legal counsel, a cybersecurity team, and marketing. The landing page launched as the public face of the product.
Designed the primary financial flows for onboarding, KYC, and Buy Crypto; the end-to-end transaction flow connecting buyers to the liquidity pool. These flows were selected as the MVP showcase at KMBIO's official product launch event, demonstrated to investors and stakeholders, and received significant praise and early traction for the platform.
Completed the spot trading experience, P2P flows, staking, and remaining financial features. Final total: over 20 business flows, all designed, iterated, and deployed to production.
Focus group research revealed that users don't just struggle with crypto interfaces, they distrust them by default. Security breaches, scams, and confusing jargon had created an audience that was skeptical before opening the app. Designing for KMBIO meant designing against that anxiety at every touchpoint.
On top of user trust, I had an additional constraint few UX designers face at this stage: every word in the UI required approval from legal and cybersecurity. Instructions, warnings, disclaimers, confirmations; nothing shipped without review.
Research was conducted by the KMBIO team through focus groups across target markets. I used these findings to drive design decisions: translating user fears directly into UI choices.
Participants wanted the structure and safety cues of a bank app. Familiar patterns, i.e., progress indicators, confirmations, receipts built confidence where crypto jargon created doubt.
Users wanted to understand exactly how the platform makes money before trusting it with theirs. Hidden fees were a dealbreaker even in concept testing.
Trust in visuals over text was a consistent finding. Infographics, step-by-step visuals, and clean iconography built confidence more effectively than paragraphs of explanation.
FOMO around hot trades boosted interest; loss aversion sent users away. The design needed to surface opportunity without amplifying financial anxiety.
Users wanted to learn by doing, not through documentation. Progressive disclosure, contextual tooltips, and guided onboarding were essential for first-time users.
As sole designer, I owned the end-to-end experience across every flow; from wireframe through to handoff with the engineering team. Below are the most complex and defining flows of the project.
Designed registration for first-time and crypto-native users. Added a pre-registration info screen to set expectations before the form; reducing drop-off anxiety and aligning with industry onboarding patterns. Google login was scoped but held for Phase 3; the design accommodated it without requiring a rework later.
Document upload flow: government ID, proof of residence, selfie; designed in three clearly signposted steps. A pre-KYC info screen named what was coming before the user started. Step indicators maintained momentum through a compliance-heavy process.
The original design showed a 24-hour wait notification. After a cross-team review with engineering and cybersecurity, this was replaced with an in-progress status indicator, a copy decision that protected first impressions at a critical trust moment.
While awaiting verification, users accessed a view-only mode; keeping engagement without granting premature trading access.
Designed the end-to-end flow for purchasing crypto with Mexican pesos. Before wireframing, I mapped the full transaction from both sides: the buyer placing the order and the liquidity provider releasing the asset. Understanding that dual perspective was essential to designing wait states that felt intentional rather than broken.
The key design challenge was the waiting period. Rather than a generic loading screen, the wait state was designed to be descriptive; explaining to the user why they were waiting and what was happening behind the scenes. Once a match was found, the buyer was shown the seller's account details with a clear list of payment instructions, a pattern adopted from established P2P crypto apps to reduce friction at the most anxiety-prone moment in the flow.
After payment, the user uploads proof of payment. The seller verifies and releases the crypto. Order status from pending through to completed is visible throughout.
The Phase 2 Buy Crypto flow was selected as part of KMBIO's MVP showcase at their official product launch event for a milestone celebration marking the platform going live. The onboarding and buy flow were demonstrated to an audience of investors and stakeholders, receiving significant praise and generating early traction for the product.
It was also the moment that validated the design direction before Phase 3 began.
The liquidity provider sits on the other side of every Buy Crypto transaction; an institutional or registered user releasing crypto assets in exchange for fiat currency via bank transfer. Designing this flow required a shift in lens: this user is experienced, time-pressured, and operating under a strict 10-minute trade window set by KMBIO's business rules.
The LP user browses available orders, accepts a trade, and waits for the buyer to complete payment. Once the buyer uploads proof of payment, the LP must verify and release the asset.
The critical design moment was this verification step. Releasing crypto is irreversible: if the LP confirms without checking their bank account for the actual credit, the asset is gone with no recourse. A warning message was added at this point, deliberately interrupting the flow to prompt the LP to verify funds before proceeding. In a high-trust, time-sensitive transaction, that friction is intentional and necessary.
On completion, the LP's wallet reflects the updated transaction, closing the loop on both sides of the trade.
Kmbio Pro users publish and respond to live trade offers here while setting their own terms rather than accepting platform prices.
Creating a buy advert is a multi-step configuration: the user selects the asset coin, fiat currency, and their preferred price per unit. In the next step they set the total quantity they want to buy, which the system uses to calculate the minimum and maximum order value for that advert. A processing fee breakdown is shown before confirmation, giving the user full visibility of what KMBIO takes before they commit. Payment method and optional trade notes complete the setup. The published advert then appears under My Offers, visible to potential sellers in the P2P market.
The backend was already fully functional. My role here was to redesign the interface and own the UX writing end-to-end that would translate a technically complex configuration into a step-by-step flow, only a Pro user could move through with confidence. Every line of copy required sign-off from the legal and cybersecurity teams before the flow was marked ready for development. The language had to be precise enough to satisfy compliance and clear enough that users didn't need to re-read.
The Phase 2 Buy Crypto flow was designed under time pressure to meet the launch deadline, a deliberate MVP decision that got the product in front of investors on time. Phase 3 was the opportunity to go back and do it properly.
Three things changed:
1. Fiat deposit to KMBIO was marked out of scope by the client and removed from the flow entirely. This simplified the experience and reducing cognitive load for the buyer.
2. The payment method type was restructured to align with the P2P trade model, with the backend already functioning correctly. The design work here was about making the mechanics of how payment works legible to the user.
3. Some screens added in Phase 2 were engineering-led solutions to meet delivery timelines rather than considered UX decisions. The proof of payment upload was a clear example: functioning via a pop-up in one instance and an on-screen file upload in another, inconsistent and rough. The redesign consolidated this into a single, clear interaction pattern.
In most apps, UX writing is a craft question. In a financial platform operating across four regulatory environments, it is also a legal and compliance question. Every instruction, warning, and error state in KMBIO was written in close collaboration with the legal team and reviewed under cybersecurity supervision.
The core tension: legal precision tends toward jargon and length; good UX writing demands brevity and plain language. Finding the intersection by writing that was clear enough for a first-time user and defensible enough for a compliance audit was one of the most distinctive challenges of this project.
"Writing clear instructions, warnings, and notices was not a secondary task. It was a core design deliverable."
The final phase wasn't a polish pass: it was a structural redesign. A backend system migration required every existing flow to be retested and rebuilt where needed, while the product simultaneously expanded with new features and shed others that no longer served users.
Three numbers define the scope: 37 flows tested and redesigned, 17 new flows built from scratch, 12 features retired on client direction. All designed, coordinated, and handed off by one designer.
The before state is a developer-built walkthrough of the P2P advert screen; functional end-to-end, but built from an engineering perspective. CTAs and buttons in place, flows working, no UX writing, no guidance, no hierarchy. P2P was not in design scope until Phase 3. The developer video served as reference to understand the system before designing the experience from scratch: structure, copy, hierarchy, and language approved by the legal and cybersecurity teams.
KMBIO launched live at kmbio.ai/en mainly for LATAM market but is also serving users across Mexico, Argentina, India, and the UAE in English and Spanish.
Phase 3 alone involved 37 flows tested against a new backend system, 17 new user flows added to the product, and 12 features retired in collaboration with the client; a decision that reflected the product maturing, not shrinking. As sole designer across all three phases, I owned every flow from wireframe through to engineering handoff.
Designing under legal constraint makes a better UX writer. When every word is scrutinised, I became precise about what I actually meant and why.
Cross-functional trust as a design skill. Getting engineers, legal, and cybersecurity to say yes to your design decisions requires as much communication craft as the design itself.
Trust isn't one feature, it's the cumulative effect of everything. The loading state, the confirmation message, the error copy; every touchpoint either builds or erodes it.