AnastasiaRamina 🌊
2024
Product Design
Product Design Lead

StarkGate Bridge

StarkGate is a cross-chain bridge platform that allows users to transfer assets seamlessly between different blockchain networks, such as Ethereum and Starknet. The platform aimed to redesign its user interface to make the transfer process clearer, faster, and more user-friendly. The existing transfer flow was complex, leading to confusion among users, especially those new to crypto. Additionally, the design needed to accommodate both experienced traders and crypto newcomers, offering flexibility while maintaining simplicity.

Image
Image
Image

Task

My primary responsibilities included:

  • Redesigning the existing transfer interface to improve user experience and address pain points.
  • Simplifying the deposit and withdrawal processes, making them intuitive and accessible to a wide range of users.
  • Introducing a clearer transfer flow that supports multiple networks and allows users to choose between official and third-party bridges.
  • Ensuring transparency throughout the process, including showing transaction fees, estimated time, and status tracking.
  • Incorporating educational elements to guide new users through the complex blockchain ecosystem.

User Research & Insights

Conducted in-depth user research, including interviews and surveys using Maze.co and FigJam, to identify key pain points and understand different user personas. Developed user journey maps and created wireframes to visualize the new interface, ensuring that it addressed the needs of all identified personas.

ImageImage
Image
Image

Redesigning the Transfer Interface

Deposit Flow

Designed a clean and straightforward deposit flow that allows users to easily select the network and token, specify the amount, and review the transaction details. Clear buttons and tooltips helped users navigate the process, minimizing the risk of errors.

ImageImage
Image
Image
Image
Image
Image

Withdrawal Flow

Introduced two types of withdrawal options — Automatic and Manual:

Image
Image
Image

Automatic Withdrawal

Added an option for users to opt for an automated withdrawal process, eliminating the need for a return visit. This service automatically completes the transaction once the transfer proof is validated, saving users time and reducing manual steps.

Image

Manual Withdrawal

For users who prefer to control the process, the manual withdrawal flow was designed with a notification system. Users receive reminders when it's time to complete the transaction, ensuring they don't miss any steps.

Image
Image
Image

Third-Party Bridge Integration

To provide flexibility, integrated several third-party bridge options, enabling faster transfers if users opt for external services. This addition allows StarkGate to cater to professional traders who need speed and flexibility.

Image

Previous project

Starknet Staking Hub

Image
Image

Next project

Yuki Product Template