Sonic Labs Logo

Sonic Labs

Lead Designer
2024—Present

Leading the comprehensive rebranding initiative for Sonic Labs and all its sub-brands. Developed a cohesive visual identity system, design language, and brand guidelines that reflect the innovative nature of the blockchain ecosystem.

Where it started

Early conceptual sketches and initial explorations that laid the foundation for the Sonic Labs brand identity. These initial designs capture the creative process and evolution of the visual language.

Sonic Initial Sketch 01
Sonic Initial Sketch 02

Where it's now

The current brand identity system, featuring a cohesive visual language across digital and physical touchpoints. From event branding to social media assets, the system is designed to be flexible and scalable.

Sonic Banner
DeFi Visuals
Summit Banner
Summit Invite
Speakers Card
Sonic DB
Pierre Gasly Collab
Stickers
Ecosystem Map
Alternative Banner
Event Photo 1
Event Photo 2

Brand Guidelines

Comprehensive brand guidelines documenting the visual identity system for Sonic Labs. This includes logo usage, color palettes, typography, spacing systems, and application examples.

Brand Guidelines

17 pages of comprehensive brand guidelines

Website Design

Interactive prototypes and interface designs for the main Sonic Labs website. These designs showcase the user experience, navigation patterns, and visual design system applied across different sections of the platform.

Homepage
Token Page
Wallet Interface

MySonic Dashboard

MySonic is a web-app built by Labs that provides Sonic users access to staking, governance, bridging, ecosystem exploration, and more.

MySonic UI 1
MySonic UI 2
MySonic UI 3
MySonic UI 4
MySonic UI 5
MySonic UI 6
MySonic Dashboard

FeeM Dashboard

The Fee Monetization is unique mechanism that can only be found on Sonic, it resembles YouTube adsense where gas fees produced by Apps get distributed back to the developers, thus creating an economic incentive for them. The FeeM Dashboard provides users with comprehensive tools to manage and track fee-related activities. The design emphasizes data visualization and real-time analytics.

FEEM Prototype
FEEM Dashboard

Spawn: Web3 No-Code App Builder

Spawn is another unique app built by the Sonic Team, designed to allow user to build and deploy their own web3 apps without coding. Currently in open beta.

What is Spawn
Spawn UI
Spawn Gameplay