www cover
preview of vexl site

Improved onboarding experience

preview of satoshilabs site

Wider hiring funnel & brand awarenes

preview of tropicsquare site

Clearer company USP & increased leads

preview of trezor site

Enabled to scale into broader userbase

Inputs

on Vexl

vexl sunglasses logo

About the bussiness

Vexl simplifies direct trade between individuals—no banks, just people exchanging what they have for what they need.

Knowing thy user

We designed for privacy-conscious users, keeping the interface intuitive while meeting their need for anonymity.

Vexl case study

users of vexl

And the goals are...

At the Venn diagram of user & business inputs are the websites goals. Simplified to their purest form, they are as follows.

What does it all mean?

With a tight deadline of < 1 month (launching for a conference), we quickly scoped out our realistic expectations.

One pager, eye candy

Success = ?

Success was measured through feedback from users, industry events, and anonymous statistics. The feedback was overwhelmingly positive, both online and in person.

Content

on Tropic Square

tropic square palm icon
selected tropic square structure

Maps to content

Content was generated based on inputs from research, competitor analysis, user motivations, and synthesised into various fidelities.

Early structures

There’s an infinite number of structures to be made for any design. I aimed to pick one within the range of "good enough — this solves the meaning of life" while flipping back and forth between content & form.

structure example 1tropic selected structure

Showing it to people

I’ve learned to gather feedback early and often. Even casual conversations can reveal valuable insights. Active listening and filtering are key to refining the work.

feedbacks from people on tropic square website

Tone for the topic

"If you design for everyone, you design for no one" rings even truer in highly specialized products. We stayed true to them.

Tropic Square want to learn about

Images are text?

Images & videos are attention grabbers. We made sure to treat visuals as key communication tools, just like text.

Tropic Square conveying

Yin-ing, Yang-ing

Good website is an act of balancing visuals, texts & content. If you get it right, the result can be iconic.

multiple scales of considerations

Visuals

on Trezor

trezor lock icon

Tuning antenna

I can't describe it better than how Rick Rubin did in his book "The creative act". So, feel free to read that. I should've gotten an affiliate link.

collecting visual inspiration

Got brand?

When trying to manifest a brand identity, having a strong foundation leads to strong website.

Most inputs from a great workshop led by Adam Žďára.

Trezor brand pillars

All of the people

The design had to resonate with both the people making it and the people using it. We wanted to stay authentic to both.

the implications of people on trezor's design process

Same, but different

At a surface level, hardware wallets are about privacy & security. The deeper we dig, the more it becomes about people: ownership, freedom, liberty.

preview of trezor visuals

Feelings & vibes

Design creates a response. We used known patterns & elements to evoke the right emotions, from trust to excitement.

Exploring

In a competitive market, quality product & design is the differentiator. Quality design mostly doesn't exist without a bunch of explorations. So we did them.

visual explorationsTrezor explorations

And it keeps evolving

At the time of writing this (26.9.2024) the brand is still being improved and iterated upon. Gotta love it.

current trezor visuals

Delivery

on SatoshiLabs

satoshilabs logo
page previewed in webflow editor

The "rules"

We're the main sponsors of BTC Prague conference. There's gonna be 10.000 people. They're exactly who we'd like to hire. We gotta launch there, and it's gotta come with a bang.

Interactions, animations

After making the core of the website in Webflow within 2 weeks, we had time left to add some visual candy.

sticker peeling
interactive head
numbers counting up

Need for speed

We really wanted interactive 3D elements but had to prioritize speed. After many tests, we found a balance between performance and aesthetics.

many different exports
SatoshiLabs slow speedSatoshiLabs average speedSatoshiLabs great speed

Squashing bugs

With a large team (200+ people in SL), we were able to spot and resolve bugs quickly, prioritizing the most critical issues before launch.

Was it worth it?

We saw increased traffic, better lead generation, and a stronger brand presence following the redesign.