Chainflip Website Redesign

Chainflip Website Redesign

Chainflip Labs is a Berlin-based Web3 company developing a decentralized exchange protocol that enables seamless cross-chain cryptocurrency swaps without the need for wrapped tokens. Utilizing Multi-Party Computation (MPC) and Threshold Signature Schemes (TSS), Chainflip ensures secure and efficient transactions across multiple blockchains.

Role

Visual Designer
UI & UX Designer
Framer Developer

Development

Framer

Date

January 2025

Process

This category details the step-by-step approach taken during the project, including research, planning, design, development, testing, and optimization phases.

Research & Planning

Research & Planning

Conducted market research to identify existing scheduling challenges and user preferences. Defined target audience segments and outlined key features based on user needs and market trends.

Design & Prototyping

Design & Prototyping

Collaborated with designers to create intuitive user interfaces and interactive prototypes. Iteratively refined designs based on user feedback to enhance usability and visual appeal.

Development & Implementation

Development & Implementation

Leveraged agile development methodologies to build the scheduling app from the ground up. Prioritized feature development based on user feedback and technical feasibility. Implemented AI algorithms to analyze user behavior and optimize scheduling recommendations.

Testing & Optimization

Testing & Optimization

Conducted rigorous testing across various devices and platforms to ensure compatibility and performance. Gathered user feedback through beta testing and iteratively optimized the app based on usability metrics and user satisfaction.

Pain Points

Building a strong website comes with challenges, from inconsistent identity across platforms to low engagement and unclear messaging. Here are the key pain points tackled.

Problem

The old website didn’t effectively highlight Chainflip’s unique value propositions
(UVPs) for swappers and liquidity providers (LPs).

The old website didn’t effectively highlight Chainflip’s unique value propositions (UVPs) for swappers and liquidity providers (LPs).

The old website didn’t effectively highlight Chainflip’s unique value propositions (UVPs) for swappers and liquidity providers (LPs).

Native BTC, Low Fees. Boost Feature

Native BTC, Low Fees.
Boost Feature

Our value propositions weren’t clearly communicated, making it harder to attract and convert users, as well as stand out in the Web3 community.

Liquidity Provision Visibility

Liquidity Provision Visibility

Old website lacked visibility into market dynamics, as the site didn’t provide sufficient analytics, order book data, or educational content on market-making.

Company products aren't located on the site

Company products aren't located on the site

Additionally, the interface needed improvements to support didn’t effectively
showcase Chainflip’s core products: the Swapping App and the Liquidity Provision App.

Solution

The new website addresses the issues of the old website by improving the structure, clarity, and accessibility of key information for swappers, liquidity providers (LPs), and potential partners. Down below, I've outlined the strategy we took.

The new website addresses the issues of the old website by improving the structure, clarity, and accessibility of key information for swappers, liquidity providers (LPs), and potential partners. Down below, I've outlined the strategy we took.

Strengthening Value Proposition & Product Clarity

Strengthening Value Proposition
& Product Clarity

Refine Messaging & Visuals

Refine Messaging & Visuals

Ensure key product benefits are communicated through concise, benefit-driven copy supported by strong visuals, animations, or interactive elements that demonstrate features like native BTC swaps and low fees in action.

Swap & Earn Pages

Swap & Earn Pages

Dedicated pages for both swappers and LPs, ensuring each audience understands the benefits of the Swapping App and Liquidity Provision App. These pages explicitly showcase features like native BTC swaps, low fees,
boost functionality, and backend efficiency for LPs.

Build Page

Build Page

Provides a structured explanation of Chainflip’s integration capabilities, making
it easier for partners (wallets, validators, liquidity providers) to onboard.

Provides a structured explanation of Chainflip’s integration capabilities, making it easier for partners (wallets, validators, liquidity providers) to onboard.

Provides a structured explanation of Chainflip’s integration capabilities, making it easier for partners (wallets, validators, liquidity providers) to onboard.

Implementing the 'Learn' Flow for Better User Education

We've implemented a flow with dedicated learning paths and in-depth educational content for swappers, liquidity providers, and developers. Covering tokenomics, liquidity provision, market-making, and decentralized swapping, this new flow features clearly structured knowledge hubs, beginner-friendly guides, explainer videos, and expert insights. Making complex concepts accessible and empowering all users to navigate the ecosystem.

We've implemented a flow with dedicated learning paths and in-depth educational content for swappers, liquidity providers, and developers. Covering tokenomics, liquidity provision, market-making, and decentralized swapping, this new flow features clearly structured knowledge hubs, beginner-friendly guides, explainer videos, and expert insights. Making complex concepts accessible and empowering all users to navigate the ecosystem.

We've implemented a flow with dedicated learning paths and in-depth educational content for swappers, liquidity providers, and developers. Covering tokenomics, liquidity provision, market-making, and decentralized swapping, this new flow features clearly structured knowledge hubs, beginner-friendly guides, explainer videos, and expert insights. Making complex concepts accessible and empowering all users to navigate the ecosystem.

Optimizing User Flow & Navigation

We've refined the user flow and navigation to create a more seamless and intuitive experience. By streamlining key interactions, improving content hierarchy, and enhancing accessibility, we have made it easier for users to find what they need, whether they are swappers, liquidity providers, or developers. This approach enhances engagement and supports informed decision-making.

We've refined the user flow and navigation to create a more seamless and intuitive experience. By streamlining key interactions, improving content hierarchy, and enhancing accessibility, we have made it easier for users
to find what they need, whether they are swappers, liquidity providers, or developers.
This approach enhances engagement and supports informed decision-making.

We've refined the user flow and navigation to create a more seamless and intuitive experience. By streamlining key interactions, improving content hierarchy, and enhancing accessibility, we have made it easier for users to find what they need, whether they are swappers, liquidity providers, or developers. This approach enhances engagement and supports informed decision-making.

Improving Content Discovery

We continuously optimize content discovery through ongoing SEO efforts and A/B testing. By refining keywords, adjusting page structure, and testing different user flows, we ensure that users: whether swappers, liquidity providers, or developers, can find the most relevant content, improving overall engagement and site performance.

We continuously optimize content discovery through ongoing SEO efforts and A/B testing. By refining keywords, adjusting page structure, and testing different user flows, we ensure that users: whether swappers, liquidity providers, or developers, can find the most relevant content, improving overall engagement and site performance.

We continuously optimize content discovery through ongoing SEO efforts and A/B testing. By refining keywords, adjusting page structure, and testing different user flows, we ensure that users: whether swappers, liquidity providers, or developers, can  find the most relevant content, improving overall engagement and site performance.

Results

Successful Launches

Successful Launches

We managed to launch the website within 1 month, using a dynamic launch approach, prioritizing iterative feedback loops and cross-functional collaboration.

Boosted Conversion Rates

Boosted Conversion Rates

Expanded our audience reach, resulting in a 100% increase in views and brought attention to our protocol, increasing our social media followers.

Optimized User Flow

Optimized User Flow

Streamlined navigation for key audiences (swappers, earners, and partners), driving higher conversion rates and platform adoption.

Optimizing User Conversion and User Base Growth

Optimizing User Conversion and User Base Growth

Platform Adoption

By designing intuitive navigation and personalized user paths, I’ve enhanced user interaction, increasing retention and encouraging ongoing engagement with key platform features.

Improved User Engagement

Improved User Engagement

Enhanced clarity and accessibility, leading to a 35% increase in swap conversions, 28% more engagement with LP content, and community
positive feedback.

Enhanced clarity and accessibility, leading to a 35% increase in swap conversions, 28% more engagement with LP content, and community positive feedback.

Learnings

Planning and Strategy First, Before Design

Planning and Strategy First, Before Design

A solid foundation of research, positioning, and UX strategy makes execution more effective and scalable.

User Education is Key

User Education is Key

User Education
is Key

Simplified explanations and visual clarity significantly impact conversion and adoption.

Consistency Builds Trust

Consistency Builds Trust

Consistency
Builds Trust

A strong, unified design system across all touchpoints reinforces credibility and recognition.

Strategic Navigation Drives Action

Strategic Navigation
Drives Action

Optimizing pathways for different user groups improves engagement
and lowers drop-off rates.

Optimizing pathways for different user groups improves engagement and lowers drop-off rates.

Flexibility is Essential

Flexibility is Essential

Flexibility
is Essential

Adapting branding for new launches and evolving needs ensures long-term scalability and impact.