Beefy Finance

Multichain yield optimizer and aggregator for DeFi protocols.

DeFi

Product Design

User experience & visual design, extended user testing, component library;

‍

Delivered in 2 weeks

See live product

The challenge

How might we keep existing users happy?

How might we add to users' experience without breaking their habits?

How might we attract and inform new users?

The process

We started from 3 days of collaborative workshops over Zoom & Miro.

‍
By involving your team as the knowledge experts we rapidly speed up the design process. Your technical and domain experts are actively involved in the design process.

‍

All participants align and focus on a common goal → Together, we create individual solution-sketches → All solutions are merged to prepare for the prototype.

Desktop design

No items found.

Desktop design

Mobile design

No items found.

Some of the design decisions we’ve made in order to help to improve the experience for the users:

Yield strategy risk score to help making informed decisions knowing the risks

Strategies details to explain how yield farming works

All the fees are transparently displayed, so there are no surprises along the way

User research findings

During the upfront testing sessions, we found that users had to use other platforms to get the whole picture of their investment. We relied heavily on this insight when we designed the new concept.

Contextual helpers and tooltips are helpful for newbies so they can feel in control while using the app.

‍

The new "Vault Details Page" provides value and helps decision-making since everything is in one place.

The transparent fee structure makes the platform trustworthy.

The portfolio section is easy to understand; users found it a significant improvement compared to the previous version.

The prototype

Click to launch the prototype

Component library

Open source design files

Collaborative white board in Miro

Designs in Figma

User upfront feedback

‍

First iteration user testing results

‍

Final report

‍

Deliverables

Desktop prototype
Mobile designs
Component library
3 user research reports
Team alignment

Team

Andrej Berlin

Creative Direction

Facilitation

Sergey Skip

Product Design

Bence Gulyás

User Research

2 projects for

Beefy Finance

Multichain yield optimizer and aggregator for DeFi protocols.

DeFi

Product Design

User experience & visual design, extended user testing, component library;

‍

Delivered in 2 weeks

See live product

Part I: Ethereum 2.0 Launchpad

The Ethereum 2.0 Launchpad helps anyone become a validator in the network. Validators are key to the more secure, scalable, and sustainable Ethereum ecosystem.

Product Design: Essentials

User experience & visual design, user testing;

Delivered in 1 week.

The challenge

How might we communicate hold/cold key management?

How might we have one single source of truth?

How might we educate on the underlying economics?

The process

We facilitated 3 days of collaborative workshops over Zoom & Miro, involving a diverse team contributiors from the Ethereum ecosystem.

Our designer and facilitator guided the team along the most important UX and UI considerations.

We discussed the biggest challenges, prioritised goals and sketched a user journey together.

Each team member created an individual hypothetical solution for a user interface with the to-be-designed Ethereum 2.0 Launchpad.

Upon review of the best ideas from the sketches, we together designed and designed the wireframes.

Desktop designs

Some of the design decisions we’ve made in order to help to improve the experience for the users:

Descriptive infograhpics set the right expectations in digestible bits of information

Illustrations and a casual tone reinforce a delightful experience

“Deliberate friction” in UX slows users down where important actions are taken

User research findings

Users were interested in following how deposits progress. So we added a timeline.

Users were able to learn why deposits only in 32 ETH increments are possible.

Describing how to generate the keystore files in a simple language made ETH staking accessible also for novices.

Non-technical users appreciated the educational material and guidance.

The prototype

Click to launch the prototype

Open source design files

Collaborative white board in Miro

Designs in Figma

Deliverables

Desktop prototype
Mobile designs
Component library
3 user research reports
Team alignment

Desktop prototype
Team alignment
User testing report

Team

Andrej Berlin

Creative Direction
Facilitation

Charlie Ellington

Product Design

Georgia Rakusen

User Research

Part II: Ethereum — Public Identity

Part I: Ethereum 2.0 Launchpad

Ethereum as a network and an ecosystem of developers is separate from the Ethereum Foundation. Together with representatives from the Ethereum community, we explored the public perception of Ethereum as a “product”.

Branding and Visual Identity

Branding workshops and Visual Identity design.

Delivered in 2 weeks.

What, how, why?

Ethereum is seen as an open, scalable, decentralized, and extensible platform that provides 100% uptime, censorship resistence, and unparalleled network effects thus serving as the backbone of the decentralized internet.

It consists of decentralized tools and protocols that enable the individual and the collective to enter into new, positive-sum interactions.

To disrupt the current catastrophic trajectory of technology in society to find a more fair and open equilibrium that benefits both the individual and society as a whole.

The process

Two two-hour workshops to align on a common vision, purpse, values, audiences etc. helped us narrow down the public perception and personality of Ethereum as a product.