Hummingbot dashboard

Creating the graphical user interface for a CLI-based automated market maker software.

Blockchain

Product design

UX design, UI design, Component library and User testing

‍

Project delivered in one week

See live product

The challenge

Can we make orchestration of multiple bots and strategies accessible and understandable?

Can we make sure users are not overwhelmed by the ability hummingbot offers?

Can we build a mature and helpful community around Hummingbot?

The process

No items found.

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:

No items found.

User research findings

No items found.

The prototype

Click to launch the prototype

Component library

Open source design files

Collaborative white board in Miro

Designs in Figma

Final project report

Deliverables

Desktop prototype
User testing report
Component library

Team

Andrej Berlin

Creative Direction

Facilitation

Andrej Berlin

User Research

Charlie Ellington

Product Design

Jim Kosem

User Research

2 projects for

Hummingbot dashboard

Creating the graphical user interface for a CLI-based automated market maker software.

Blockchain

Product design

UX design, UI design, Component library and User testing

‍

Project delivered in one week

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
User testing report
Component library

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.