UX/UI, SEO-driven Design | Best Wallet

Crypto Converter Calculator

A feature design project for Best Wallet, a crypto wallet within the company ecosystem. The goal was to design a real-time crypto converter calculator that could serve users, capture organic search traffic, and support account conversions — all within a single, cohesive page.

Role
Product Designer
Scope
UX/UI, SEO-driven Design
Tools
Figma
Crypto Converter Calculator — featured visual

Context

Best Wallet is a crypto wallet product within the ClickOut Media ecosystem, competing in a space where trust, speed, and clarity are everything. Users arriving from search are high-intent but sceptical — they need to find what they're looking for instantly and feel confident in the product before taking any action.

As part of an initiative to improve the site's organic authority and usefulness, I identified an opportunity to design a native crypto-to-fiat converter — a high-volume search feature that most competitors handled poorly.

My Role

I owned this project end to end. I conducted competitor research, defined the feature scope and UX logic, designed all components and interactions, and delivered the full page template ready for engineering handoff. I worked autonomously throughout.

The Opportunity

Crypto converter queries are among the most searched terms in the crypto space. After reviewing how competitors handled this — from cluttered interfaces to basic input fields with no supporting content — it was clear there was room to do it better.

The opportunity wasn't just to build a calculator. It was to build a page that served multiple goals at once: provide genuine utility, capture SEO traffic through popular conversion pairs, and guide users toward creating an account. All without feeling like a conversion funnel.

Competitor landscape research
Competitor landscape research

The Design Challenges

Three things needed to work together, and that tension is where the interesting design decisions happened.

Utility first. The calculator had to be genuinely useful: real-time rates, clean input logic, instant swap between crypto and fiat, and a wide range of supported currencies. The currency selector modal needed to handle a large list without feeling overwhelming, so fiat currencies were separated from crypto with clear visual hierarchy and search functionality.

SEO without feeling like SEO. The popular markets tables (crypto to fiat and fiat to crypto) needed to be scannable, linkable, and genuinely informative. The design keeps them clean and tabular without feeling like a data dump. Each pair is a potential entry point from search.

Conversion without pressure. The onboarding steps section (Create an Account, Connect Funding Method, Convert Crypto) had to sit naturally within the page flow — not as a hard push, but as a logical next step for someone who just used the calculator and wanted to act on the result.

Mobile and modal flows
Mobile and modal flows

The Solution

The page was structured as a single focused flow, top to bottom:

  • The calculator sits above the fold, immediately usable with no friction. One input, one output, a swap button, a live refresh indicator, and a single clear CTA. Nothing unnecessary.
  • Below the fold, the popular markets tables serve double duty — SEO value for high-intent queries and a reference tool for users exploring conversion rates across currencies.
  • The onboarding section follows naturally, contextualised by the calculator above it. By the time a user reaches it, they've already used the product.
  • FAQs and tutorials close the page, addressing trust objections and providing additional SEO-indexed content.
  • On mobile, the layout stacks cleanly with the calculator taking full width, the currency selector as a bottom-sheet modal, and all sections reordered for thumb-friendly scrolling.
Full-page flow on desktop
Full-page flow on desktop

Component Design

The calculator component was designed as a self-contained, reusable module: input fields, currency dropdowns with icon support, a swap toggle, live rate display, refresh timestamp, and a primary CTA. The currency selector modal supports both search and browsing, with fiat and crypto separated by a clear divider. All states (default, hover, active, loading, empty) were designed and documented for engineering.

Component states and documentation
Component states and documentation

The Results

Delivered a fully designed, responsive page template covering the calculator feature, SEO-optimised popular markets tables, onboarding flow, FAQ section, and tutorial module — all built on the existing Best Wallet design system.

The page was designed to serve three goals simultaneously: drive organic traffic through high-intent crypto conversion queries, provide genuine utility to users already on the site, and support account creation through contextual, non-intrusive conversion touchpoints.

What I Would Do Differently

Without access to post-launch data, it's hard to know how the SEO tables performed or whether the onboarding placement drove meaningful conversions. If I were to revisit this, I would push for tracking from day one — even basic metrics like time on page, CTA click rate, and organic entry points — to validate the design decisions and iterate from real data rather than assumptions.

Like what you see? There's plenty more to explore.

View all Work
Portrait of Marta

The human behind

Hola! I'm Marta, a Product Designer with a strong visual and brand-driven approach, combining UX/UI, design systems and creative direction.

With experience across product teams, startups and agencies, I design scalable digital experiences while shaping brand identity and visual languages across platforms.

I enjoy working at the intersection of product design, brand and visual storytelling, translating research and product strategy into intuitive interfaces, cohesive design systems and distinctive digital products.

When I'm not pushing pixels, you'll find me drawing, dancing, travelling, or getting lost in nature. Driven by psychology, obsessed with good food, and always experimenting with new crafts. Life continuously gives me experiences and ideas that shape how I design.

In their own words

Marta has been instrumental in defining our branding and design direction at ClickOutMedia. She proved to be a highly skilled product designer and an outstanding collaborator, consistently adding value to every project.

Marta adapted easily to new challenges, always bringing thoughtful, user-focused solutions. Her versatility and positive attitude made her a pleasure to work with, and her impact on our design culture will be felt long after her time with the team.


Thinesh JeganHead of Design

I hired Marta while working at Pickatale, an ed tech start up. From the moment she joined she was such a joy to work with, always calm, professional and providing great feedback and a great team player.

At Pickatale we had some very intense projects and deadlines to meet, and I can definitely say we wouldn't have accomplished meeting and exceeding those expectations without her help.


Valerie PaurLead Product Designer

Working with Marta has been a great experience. She is highly organised and genuinely creative, with a strong ability to craft cohesive, thoughtful, and high-quality interfaces and branding.

Her Figma files reflect real product maturity; she knows how to optimise files and build systems that are clean, scalable, and collaborative.

Beyond her technical strengths, Marta brings radiant, positive energy to the team. She combines structure, creativity, and team spirit in a rare and valuable way.


Florian GouloubiSenior Product Designer

Say Hola!

Drop me a line at cleonmarta@gmail.com