Role / Service
Brand Designer, UI/UX Designer, Front-End Contributor
Client / Employer
Chainee 鏈習生 (founded by crypto YouTuber Brain Bro 腦哥區塊鏈, one of the most influential Mandarin-speaking crypto YouTubers)
Duration
2025.03 - 2025.06
Project Brief Introduction
This project involved a complete redesign of the official and course website for Chainee, a blockchain education platform based in Taiwan. The previous WordPress-based version had limited flexibility, prompting the team to rebuild the site from scratch to meet evolving functional and branding needs.
My design goal was to elevate Chainee’s brand identity and enhance the learning experience through a more cohesive, modern UI. I introduced Web3-inspired design trends while maintaining clarity and accessibility, ensuring both newcomers and crypto-savvy users could easily navigate and engage with the platform.
Project Background
The previous version of the Chainee course website was built on WordPress, but the team was seeking a more functional and scalable solution. To meet these new needs, we rebuilt the entire platform from scratch. In this new iteration, I focused on enhancing brand recall through a stronger visual identity, while also incorporating trending design cues from the Web3 ecosystem to reflect the brand’s evolving vision.
Design Approach & Visual Language
To establish a future-forward identity for the Chainee course platform, I designed a visual language that combines Web3 trends with playful, immersive aesthetics.
Visual Style
The interface leverages a glassy, iridescent 3D aesthetic — inspired by sci-fi interfaces and holographic materials — to evoke a sense of transparency, innovation, and digital fluency. These soft yet tech-driven visuals aim to make Web3 education feel approachable and contemporary.
The interface leverages a glassy, iridescent 3D aesthetic — inspired by sci-fi interfaces and holographic materials — to evoke a sense of transparency, innovation, and digital fluency. These soft yet tech-driven visuals aim to make Web3 education feel approachable and contemporary.
Color & Motion
I curated a cool-toned pastel palette with subtle gradients to capture attention without overwhelming the content. Animated transitions and interactive effects were used sparingly to preserve clarity while creating a dynamic and responsive feel across key pages.
I curated a cool-toned pastel palette with subtle gradients to capture attention without overwhelming the content. Animated transitions and interactive effects were used sparingly to preserve clarity while creating a dynamic and responsive feel across key pages.
Web3-Inspired Elements
To deepen relevance within the Web3 space, I created custom 3D assets and iconography that reference key blockchain concepts such as token airdrops, wallets, DAO governance, and distributed ledgers. These elements were integrated into both decorative visuals and functional UI components, creating a coherent and recognizable design system unique to Chainee.
To deepen relevance within the Web3 space, I created custom 3D assets and iconography that reference key blockchain concepts such as token airdrops, wallets, DAO governance, and distributed ledgers. These elements were integrated into both decorative visuals and functional UI components, creating a coherent and recognizable design system unique to Chainee.
UI Design System & Components
For MCPilot’s landing page, I embraced the rising trend of 3D visual design in the Web3 space to build an immersive, futuristic interface. The goal was to craft a visual language that not only aligns with blockchain and AI themes, but also enhances user trust and interaction clarity.
I designed a cohesive UI system that includes:
1. A custom 3D-inspired color palette featuring warm orange and deep red gradients, evoking a sense of innovation and reliability.
2. Consistent iconography combining flat symbols and rendered 3D elements to communicate both function and futuristic tone.
3. Modular UI components such as cards, info panels, and flowcharts, designed to simplify onboarding and explain technical logic visually.
1. Color Palette
2. Icon
3. UI Components
