INDUSTRY:
FinTech/ Cryptocurrency
YEAR:
2024
ROLE:
UI/ UX Designer
BullFine
BullFine
BullFine
Project Overview.
I set out to design a crypto trading platform that matched the features of major exchanges, but with a much simpler transaction flow and rock-solid security at its core.
I set out to design a crypto trading platform that matched the features of major exchanges, but with a much simpler transaction flow and rock-solid security at its core.
I set out to design a crypto trading platform that matched the features of major exchanges, but with a much simpler transaction flow and rock-solid security at its core.
Challenge.
Crypto transactions—buying, selling, converting, sending—feel risky and mentally taxing on mobile. Users need to confirm details fast, can't afford mistakes, and still want to feel confident about what they're doing. A strong prototype helps here because it makes the motion, visual hierarchy, and confirmation steps tangible for both stakeholders and developers—no guesswork.
Crypto transactions—buying, selling, converting, sending—feel risky and mentally taxing on mobile. Users need to confirm details fast, can't afford mistakes, and still want to feel confident about what they're doing. A strong prototype helps here because it makes the motion, visual hierarchy, and confirmation steps tangible for both stakeholders and developers—no guesswork.
Crypto transactions—buying, selling, converting, sending—feel risky and mentally taxing on mobile. Users need to confirm details fast, can't afford mistakes, and still want to feel confident about what they're doing. A strong prototype helps here because it makes the motion, visual hierarchy, and confirmation steps tangible for both stakeholders and developers—no guesswork.
Solutions.
I designed a clear, step-by-step flow that breaks down decisions screen by screen, putting the most critical actions and numbers front and center. I used Figma's prototyping flows with a single starting frame so reviewers experience the journey in the intended order. Then I added realistic interactions—taps, transitions, modals—so the prototype shows actual behavior, not just layouts.
I designed a clear, step-by-step flow that breaks down decisions screen by screen, putting the most critical actions and numbers front and center. I used Figma's prototyping flows with a single starting frame so reviewers experience the journey in the intended order. Then I added realistic interactions—taps, transitions, modals—so the prototype shows actual behavior, not just layouts.
I designed a clear, step-by-step flow that breaks down decisions screen by screen, putting the most critical actions and numbers front and center. I used Figma's prototyping flows with a single starting frame so reviewers experience the journey in the intended order. Then I added realistic interactions—taps, transitions, modals—so the prototype shows actual behavior, not just layouts.
Design Process
Design Process
Design Process
Wireframe
Wireframe
Wireframe
Userflow
Userflow
Userflow
Design System
Design System
Design System
Conclusion.
This case study shows my end-to-end product thinking: taking a complex fintech flow and turning it into a guided, mobile-first experience, then validating that clarity through interactive prototyping instead of static screens. By using Figma's flow structure and interactions, the work becomes much easier to review, critique, and build—with way fewer gaps in interpretation.
This case study shows my end-to-end product thinking: taking a complex fintech flow and turning it into a guided, mobile-first experience, then validating that clarity through interactive prototyping instead of static screens. By using Figma's flow structure and interactions, the work becomes much easier to review, critique, and build—with way fewer gaps in interpretation.
This case study shows my end-to-end product thinking: taking a complex fintech flow and turning it into a guided, mobile-first experience, then validating that clarity through interactive prototyping instead of static screens. By using Figma's flow structure and interactions, the work becomes much easier to review, critique, and build—with way fewer gaps in interpretation.
