Logo
Loading0%
UI Motion & Brand Design
YEAR // 2025
CLIENT // Herond Labs
DELIVERABLES
Gesture-Mapping SpecsWeb3 User OnboardingAsset Motion KitsExplainer Videos

HerondBrowser

My full-time work as a junior design generalist at Herond Labs, a Web3 tech lab building the on-ramp between Web2 power browsers to Web3 discovery.

Herond Browser
[ NARRATIVE_FOCUS ] // PRJ_002

Working in-house at Herond Labs allowed me to explore the intersection of Web3 capability and Web2 design systems. My focus was designing the motion patterns for Herond Browser, an all-in-one privacy browser with integrated crypto wallets.

The objective was to make advanced privacy mechanics feel approachable, fluid, and premium. Design coordinates were conformed to high aesthetic standards to respect the users' workflow and cognitive load.

// THE OBJECTIVE WAS TO DEFINE STRUCTURAL MOVEMENT WITH AN EDITORIAL WHITE SPACE BIAS.
// DYNAMICS GOVERNED BY CUSTOM SPRING EQUATIONS IN REAL-TIME.
ANIMATION_LOGIC.ts
01const motion = {
02 stiffness: 180,
03 damping: 14,
04 mass: 1.25,
05 restSpeed: 0.005
06};
07// Spring interpolation
08const value = useSpring(x, motion);
INTERPOLATION_METRICS
INTEGRATOR: RUNGE_KUTTA_4
FPS_LOCK: 120_VSYNC
https://sandbox.works/preview/gesture-mapping-&-tab-transitions
02
DELIVERABLE_SPEC

Web3 Discovery Onboarding

Built a gamified onboarding experience to guide Web2 users into the Web3 space.

Features micro-animations for private key generation, network selection cards, and interactive wallet creation states.

SLIDE_01 // 03
03
DELIVERABLE_SPEC

Marketing Motion Templates

Created a modular motion asset kit and video templates for social channels, allowing our communications team to output cohesive visual materials rapidly while preserving core branding characteristics.

All variables were documented in detailed system specs.

SLIDE_01 // 03
PROJECT_OVERVIEW
CLIENT // Herond Labs
ROLE // Junior Motion Designer & Generalist
YEAR // 2025

* All design system configurations and source interactions are dynamically processed in-browser.