Role: Product Designer & Webflow Developer

Tools: Figma, Webflow, API Integration

Link to project: grey.co/currency-exchange

Grey helps users send, receive, and convert foreign currencies with ease. I was responsible for designing and developing the Currency Exchange page, a key part of the user journey where users learn about Grey’s exchange rates and can interact with a live converter.

Clearly communicate how Grey’s currency exchange feature works.

Build trust with transparent, real-time exchange rate data.

Enable users to test conversions directly on the page.

Ensure mobile responsiveness and optimal performance.

I started by mapping out user goals: understand exchange rates, test conversions, and build confidence in the product. The design focused on clarity, trust, and ease of use. I created a flexible layout system that allowed for future updates without compromising consistency.

Clear currency input fields with flags to serve as visual guides and responsive feedback

Modular sections that explain how the feature works

Trust signals like testimonials and FAQs placed strategically to reduce friction

FAQ section to answer users' questions in case of confusion

I translated the designs into a responsive, high-performance Webflow build. This included using Webflow CMS for FAQs and flexible content, as well as custom code to handle the API integration.

Integrated custom API for live currency data (script handled by another dev, but I set up the integration and dynamic binding).

Optimized for mobile and performance across devices.

Smooth animations for engaging transitions and feedback.

Beyond the core converter, I designed and implemented supporting sections to guide users and reinforce trust.

How it works: A step-by-step guide to explain the conversion process

User testimonials to build credibility

FAQs to handle objections and improve time on page

Call-to-action prompts to drive sign-ups from interested users

Handling dynamic data display from API required multiple syncs between myself and the backend engineer, as there were different problems that sprung up at different points.

Balancing design fidelity with performance and responsiveness.

A functional, fast, and elegant exchange page used by thousands of Grey customers.

Helped improve transparency around rates, increasing user trust.

The page became a key landing point for international users exploring conversion options.