Matched to your stack in about a week. Vetted for the work, never swapped for someone cheaper. How we vet →

Fintech · Design-led

HybridBlock

an all-in-one crypto-trading system.

HybridBlock is an innovative all-in-one crypto-trading and education platform for leveraging disruptive technologies emerging from the blockchain space.

  • UI/UX
  • App Design
  • Branding
  • Web Design
HybridBlock cover
ClientHybridBlock
SectorFintech
CapabilitiesUI/UX · App Design · Branding · Web Design
HybridBlock: the all-in-one crypto-trading platform

The challenge

First, coffee. Then, understand what crypto actually means. Then, more coffee. Then, understand it well enough to make it accessible and easy to understand for others, with an engaging visual identity around it.

The HybridBlock logo

Blockchain started as a peer to peer network. It was and is all about creating safe transactions and building a trusted community of financial disruptors.

And now, our internal thought process: blockchain → peer to peer → secure → exchange → links. LINKS. HybridBlock is the powerful link between crypto and its users.

The logo construction grid

We took a look at how links were visualized before. Then based our logo off of the most popular link creator: a code.

Links, visualized
The logo, alive
The design process
HybridBlock business cards

Iconography

We crafted a series of unique icons, built on a custom grid system. We kept it bold, square, calculated.

The HybridBlock icon set
A HybridBlock poster

Colors and fonts: the Matrix, re-reloaded

Fun fact #1: traders love using light UI during the day and a dark one during the night, because it highlights the numbers and stocks stronger.

Neon colors it is.

The HybridBlock colour system
The trading app

Fun fact #2: modern monospaced fonts are optimized for readability on a wide variety of devices and reading environments.

Roboto Mono it is.

The HybridBlock typography

More crypto journeys. Less head scratching.

It got real real when we got to the UX/UI part. It was a lot to take in. But after watching a bunch of competitor screens filled with numbers and stats and stocks that change before we could even say “Huh?”, we finally caught on to how it all works.

The HybridBlock wireframes

So we optimized what we learned so others could pick up all this new information waaaay faster than we had, and make it stick.

The web app

The app

Last but not least, we took type, colors, and custom iconography over into the apps for Hybrid Basetrade and Hybrid Exchange.

The Basetrade and Exchange app wireframes

Want your product on this list?

Work with LateralEngineers · Teams · Entire builds
Let’s talk