Gamma Lockbox staking and early-access product experience

BRAND · PRODUCT · LAUNCH · 2023–2025

Gamma

Fibonacci's data product and Gamma's next product chapter

Role
Product & Brand Designer - Fibonacci / Gamma
Timeline
2023–2025
Status
Product extension & working prototype
Try the Lockbox prototype ↗

Problem

Fibonacci needed to make institutional crypto data useful to retail investors. Gamma later needed consistent agent, portfolio, and early-access flows within its existing product.

Approach

For Fibonacci, organize data into configurable dashboards and reusable signals. For Gamma, extend the existing component library and connect campaign language to onboarding and portfolio states.

Outcome

Delivered Fibonacci's identity, dashboards, model views, and authentication. Added Gamma's next product flows and Lockbox campaign while preserving its established design foundation.

Evidence · working Lockbox prototype
BuiltThe interactive portfolio-management prototype is linked below.
Scope · existing component library
ExtendedBuilt on the established component foundation rather than replacing it.
Decisions & details

Key decisions

Turn a dataset into a decision surface

Investors choose an asset, assemble signals, compare chains, and inspect models within configurable dashboards.

Let identity explain the product

A radial data object and restrained spectrum connect Fibonacci's brand to charts and onboarding.

Extend before replacing

Gamma's next phase extends its existing component library to preserve continuity.

Make automation inspectable

Parameters, activation, performance, and next actions make autonomous agents inspectable.

Keep portfolio state operational

Focused portfolio views retain consistent account and exposure context.

Carry one promise through the funnel

Lockbox, early access, points, and referrals share language from campaign through onboarding.

Project chronology

From Fibonacci's data product to Gamma's automated portfolio system

The chronology separates two bodies of work rather than presenting them as one redesign: Fibonacci began with a dataset and a new retail-facing product model; Gamma began with an established library that I extended into its next phase.

01 / 02

Fibonacci

I redesigned Fibonacci's brand and built its realtime dashboard UX/UI around retail investors: asset selection, signals, model detail, and authentication. Squads Labs later announced a partial codebase acquisition in May 2024.

01

A data product, not an API catalog

The dashboard turns realtime liquidity, risk, and market signals into inspectable models and performance history.

Model detail - methodology, price state, risk metrics, performance, and action in one analytical surface.

02

Research the investor's comparison model

Research shaped an asset-first flow: assemble signals, preview live data, compare chains, and retain relevant history.

Competitive UX comparison - translating proven modular-dashboard behavior into Fibonacci's realtime data context.

03

Redesign the identity around living data

A radial mark, restrained spectrum, and orbital motion connect the API, website, dashboard, and onboarding.

Fibonacci landing experience - decentralized alternative data, product value, API language, and dashboard preview.

04

Make realtime data configurable

Market, time range, sources, and confidence stay alongside the charts. The mockups proposed Matplotlib for visualizing TVL, volume, price, slippage, and pool composition.

Realtime dashboard - configurable Matplotlib visualizations across distinct segments of the Fibonacci dataset.

05

Create a dashboard from the signal outward

Choose an asset, then select signals with explanations and previews so advanced measures are understandable before adding them.

Dashboard builder - asset selection, metric selection, explanatory preview, and next-step state.

06

The complete creation canvas

The vector source preserves token discovery, market context, alerts, and navigation at inspection quality.

Create Dashboard - full-resolution vector product canvas. Open PDF ↗

07

Carry the product world through authentication

Login, social authentication, passwords, and signup carry the dashboard's orbital identity into account creation.

Authentication entry - email and social login in the Fibonacci product world.
Account creation - focused credential state with a continuous return path to login.

08

The working product UI

Explore the original dashboard, model, creation, and account states.

Fibonacci UI - realtime dashboard and product system. Open live ↗

09

Fibonacci Brand Guidelines

The brand book documents the radial mark, typography, imagery, motion, and color.

Fibonacci Brand Revision - live Figma guidelines file. Open live ↗

Let’s talk about your team.

2026 CONNOR LEE

LOS ANGELES, CA