Clip Finance.DeFi platform with yield strategies and a bridge.

A decentralized finance platform with crypto investment strategies. I made its design system and designed the bridge, the pool pages, the landing page and the ecosystem page in two themes.

role
design system, interface, landing page
year
2024
made
bridge, pool pages, landing page, ecosystem page

task

Any token from any network goes into one pool.

Clip Finance is a DeFi platform with yield strategies: the protocol bridges, swaps and deposits a token into a pool by itself. The interface has to show this route without making the person put it together.

bridge

The route is chosen by what arrives, the fee and the time.

The bridge goes through outside providers, and each one is offered with the amount that arrives, its fee and its time. After the start the widget shows each stage of the transfer, and a stage that failed is named in red.

The bridge flows: choosing the asset and the provider, the review, the transfer, its outcomes and the history

pool

The deposit is shown before the money moves.

A pool takes any token from any network, so one deposit can mean a wrap, a swap and a bridge. The widget on the pool page lists those steps, the fees and the limits before the approval, and the history keeps the cross-chain deposits that take time.

The pool page: the widget next to the looping strategy of the Mendi wETH pool on Linea
The scenarios of the pool widget by its tabs: Earn, Manage and HistoryThe scenarios of the pool widget by its tabs: Earn, Manage and History

system

The bridge and the pools share one set of parts.

A transfer and a deposit are built from the same fields, token rows, provider cards and step lists, so the two read alike.

The kit of the widgets: the colours and type they use, then buttons, fields, network and token lists, providers, route steps, statuses, deposits and staking, each with its states

landing

See in action on the landing page: the yield, the countdown to staking and real transactions of the solver pool

themes