Projects
Articles
About
Contact ME

Force Bridge: Simplifying Cross-Chain Token Transfers

Redesign the interface to a more intuitive user interface that enables the transfer of whitelisted tokens from the Ethereum chain to the Nervos chain.

Short intro video.

Overview

Force Bridge, is a platform that enables the transfer of whitelisted tokens between the Ethereum and Nervos chains. Force Bridge aims to provide users with a seamless and intuitive experience when transferring tokens across chains. With an emphasis on simplicity and ease of use, Force Bridge streamlines the process of interacting with the Force Bridge smart contracts, making cross-chain token transfers accessible to users of all levels of technical expertise. For the redesign, I performed a heuristic analysis of the current interface, gather insights, and created personas, user flows, and components, to create high-fidelity designs to guide the design and development process.

Role
Ui & UX Designer
weblink
Read Full Case Study

The challenge

Redesigning the Bridge direction switcher experience for token transfers between Ethereum and Nervos chains and the overall page interface.

The Ethereum Force Bridge is a crucial open-source project that enables the transfer of whitelisted tokens between the Ethereum and Nervos ecosystems. This allows for increased interoperability and token liquidity, which is essential for the growth and sustainability of decentralized applications (dApps) and the blockchain industry as a whole. However, the current interface for the Force Bridge may not be the most user-friendly, which could deter some users from utilizing its capabilities.

As such, the objective of this project is to redesign the current Force Bridge interface for usability issues as shown below to create a more intuitive and streamlined user experience

The final design should retain essential elements of the previous design while incorporating modern design principles to make it more user-centric.

The solution

Click on image to view
No items found.

Approach

The design approach for the Ethereum Force Bridge interface involved a user-centered design process that focused on understanding the goals for the project, potential user needs based on user patterns & behaviors.

Analyze

My first step in delivering the project was to conduct a thorough analysis of the existing Ethereum Force Bridge interface. This involved reviewing the interface's usability, functionality, and visual design. I also looked at user feedback and complaints about general Token swap interfaces to identify pain points and areas for improvement.

Swap UI to switch between Ethereum and Nervous network was not intuitive.
Updating selecting available Ethereum token was also unintuitive at first glance.

‍

Transaction history could be improved.
UI Component: Alert, poorly implemented
Design

Based on the insights gathered from the analysis, we created personas and user flows to guide the design process. I used these personas to design a user-centered interface that met the needs of the target users. I also used user patterns and common user behaviors to design a simplified and intuitive interface.

Addressing layout responsiveness from original interface
One-click token swap
More intuitive token selection in Bridge
More intuitive Bridge UI component
Robust Alert component for various use cases
Improved intuitive transaction history UI
Test & iterate

I identified potential usability issues and areas for improvement on the various design improvement I made and then iterated on the designs, making changes based on feedback received after brief tests was conducted.

The impact
Summary

By taking a user-centric approach and incorporating modern design principles, the redesigned Force Bridge interface was more intuitive and easier to use, resulting in increased user engagement and adoption. For this project, I understood that project specifications can always change and as a designer, I should be prepared to adapt accordingly. I was also able to explore and learn about the crypto space.

View Other Projects

PixieBrix Design System Development

Building and managing a scalable and consistent design system for the PixieBrix web application experience.
VIEW PROJECT

Booky: Bringing Bookstores to Your Screen

Revolutionizing Physical Book Buying Experience - Booky, the hassle-free Mobile App for ordering physical books targeted toward book enthusiasts and students who enjoy reading physical books.
VIEW PROJECT
VIEW All PROJECTS
Let’s create something together 👉 Email Me  •
Let’s create something together Email Me
Projects
Article
About
Copyright 2025 © Gideon Alawode
Made with 🔥 on Webflow