Working on the other UI for the future of finance aka DeFi’s Yield Muscle.

Matt Visser
4 min readJun 26, 2021

--

Yearn.fi is going to be impossible to understand if you’re not already familiar with Yearn.finance or where it came from. I’ve started here with a few paragraphs trying to provide a reasonable background, but you’re probably better off searching for your own information and that way I won’t feel so bad about my unjust attempts at trying to explain something so significant so briefly.

tl;dr

The short version of the story, according to no-one but me, is that this guy named Andre built a thing to help himself manage his yield farming and make his life a bit easier in the shit show that was the emergence of DeFi. It worked slightly better than ok & a friend of his named Anton was also helping out.

Eventually it became a thing that lots of people were using or wanted to use and lots of people were putting value into. It quickly became a monster, one that was hard to ride solo or even just with limited help. So Andre gave it away. It’s a behemoth of DeFi Yield Lego now and I think he did it (giving it away) to give it a better shot at making it go further, which it undoubtedly has, but also because he probably wanted to build other things as well.

Pet Rock — coming soon.

It’s still growing at a rate that shocks most people. It was the first fair issuance of a governance token where the founder didn’t try make money for himself (see every other ICO ever and most forking money grabbers in the space). There are now huge teams of incredibly skilled people self organising, deciding what to do and who to pay, all amongst themselves, in order to run Yearn Finance. If you don’t yet know what a DAO is, now is the time to close this window and go do some extra reading about the future of collective work forces.

So what does any of that have to do with yearn.fi?

Well, it’s the other UI.
Same same, but different.

Yearn.fi has been maintained by Anton Nell alone up until this point and is the UI he and Andre enjoyed working with most when accessing Yearn Finance’s many powerful features (just kidding, they don’t use UIs but thought this UI was cooler than what the official Yearn.finance team launched with).

As yearn has grown and is actively being managed and governed (you can view that all here https://gov.yearn.finance/) so to, have the needs of the front end; and I’ve been lucky enough to try help out through co-ordinating some UX strategy with some UI designers and developers working on the other UI.

What have we done? Not nearly enough.

/landing.html is an attempt at honestly explaining what yearn.fi is to the average user while still drawing a distinction between itself and Yearn.Finance

Forward slash landing.html is an attempt at introducing yearn.fi to the uninitiated and the DeFi explorer. It assumes you’re already aware of the responsibility of controlling your own direct participation in the DeFi space and tries to offer a simple doorway to step through.

If you’re new to DeFi, you should take the time to learn about how your control and direct participation also carries inherent risks. There is no customer support and you should believe nothing you read online.

Also, you should watch this ->

Taking control is liberating but you’re a liar if you say you weren’t scared the first few times you used your metamask wallet.

The standard rules of investing and money also apply, don’t ever put anything in which you can’t afford to lose. And always Do Your Own Research.

The only way is through..

The features and dashboard requirements are growing constantly, which is to be expected but also delivers its own unique kind of stress. Below is some current work in progress designs for the first landing inside of yearn.fi itself.
There are very obvious things which need to be updated and tweaked, but the idea here is to also share some of the progress we’ve made in a vaguely transparent manner which quite frankly has been missing so far and is entirely my responsibility to do.

First time visitor with no active investments
Active dashboard

We know it still needs some neatening up, but I’m very stoked with Emile for his efforts here and actually across all of the UI we’ve worked on so far. Big ups brosef, if you hadn’t deleted your twitter handle I would have tried to tag you here ✌🏻.

Viewing a specific vault

The surprise challenge with viewing a specific vault is the sheer number of strategies some vaults make use of. I think we’re going to try and display the number of strategies being used and then allow a user to read more about each strategy individually from this screen. Probably going to work better for mobile as well.

I hope you think the fresh UI is nice and user friendly; and if you don’t, I hope you take the time to offer constructive comments. Knowing the internet, I expect nothing ;)

--

--

Matt Visser

Thinker. Writer. Human. Words are great little things that mean a lot to me, but a diagram can still say it all. Strategy, UX & De-Fi fill the gaps.