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

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

1.

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.

2.

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

3.

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

4.

The transparent fee structure makes the platform trustworthy.

5.

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

Component library

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

Part I: Ethereum 2.0 Launchpad

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

1.
Users were interested in following how deposits progress. So we added a timeline.
2.
Users were able to learn why deposits only in 32 ETH increments are possible.
3.
Describing how to generate the keystore files in a simple language made ETH staking accessible also for novices.
4.
Non-technical users appreciated the educational material and guidance.

Deliverables

  • Desktop prototype
  • Mobile designs
  • Component library
  • 3 user research reports
  • Team alignment
  • Desktop prototype
  • Team alignment
  • User testing report

Team

picture of Andrej - Creative Director
Andrej Berlin
Creative Direction
Facilitation
picture of Charlie - Creative Director
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.
The team also explored different use cases and definitions for Ethereum, which increased overall clarity and alignment among participants.
Consequently, we facilitated a follow-up workshop to sketch how to visually communicate the public perception of Ethereum.

Desktop designs

Deliverables

  • Desktop prototype
  • Mobile designs
  • Component library
  • 3 user research reports
  • Team alignment
  • Desktop prototype
  • Components library
  • Brand and Identity Workshops

Team

picture of Andrej - Creative Director
Andrej Berlin
Creative Direction
Facilitation
Rob Hamblen
Facilitation
picture of Charlie - Creative Director
Charlie Ellington
Product Design

Having a similar design challenge in mind?

Let’s work together
Product and Brand Design

Let's talk