Spring Futures
Spring Futures
Rewards Campaign
Rewards Campaign
A marketing landing page for BloFin's seasonal trading campaign — designed to convert both new and experienced traders through tiered reward mechanics and a dual-screen responsive layout.
A marketing landing page for BloFin's seasonal trading campaign — designed to convert both new and experienced traders through tiered reward mechanics and a dual-screen responsive layout.
Crypto · FinTech
Crypto · FinTech
Mobile · Desktop
Mobile · Desktop
Visual Design
Visual Design
Responsive Layout
Responsive Layout
Campaign Page
Campaign Page
Crypto · FinTech
Mobile · Desktop
Role
Role
UX Designer
UX Designer
Platform
Platform
Web (Mobile + Desktop)
Web (Mobile + Desktop)
Year
Year
2026
2026
Responsive Design — Mobile & Desktop
Responsive Design — Mobile & Desktop
Desktop · 1440px
Desktop · 1440px
Mobile · 390px
Mobile · 390px
Design Highlights
Design Highlights
01
01
Dark × Orange Brand Language
Dark × Orange Brand Language
Deep black background creates an immersive, focused environment while the vivid orange accent — drawn directly from BloFin's brand identity — marks every reward and CTA with urgency, guiding the eye naturally through the tier hierarchy.
Deep black background creates an immersive, focused environment while the vivid orange accent — drawn directly from BloFin's brand identity — marks every reward and CTA with urgency, guiding the eye naturally through the tier hierarchy.
02
02
Progressive Tier System
Progressive Tier System
The tiered reward structure is visualized as a vertical journey on mobile and a horizontal grid on desktop — making the reward path immediately scannable at a glance for both new and experienced traders.
The tiered reward structure is visualized as a vertical journey on mobile and a horizontal grid on desktop — making the reward path immediately scannable at a glance for both new and experienced traders.
02
Progressive Tier System
03
03
Dual-Audience Layout
Dual-Audience Layout
Two distinct reward tracks — Trading Volume (existing users) and Deposit Bonus (new users) — are clearly separated with consistent visual hierarchy, reducing cognitive load and improving conversion.
Two distinct reward tracks — Trading Volume (existing users) and Deposit Bonus (new users) — are clearly separated with consistent visual hierarchy, reducing cognitive load and improving conversion.
03
Dual-Audience Layout
Design Decisions
Color & Atmosphere
The deep black background (#0D0D0D) creates an immersive, focused environment that lets content breathe without distraction. The vivid orange (#E8891A) draws directly from BloFin's brand identity — energetic and high-visibility, it marks every reward amount and CTA with urgency, guiding the user's eye through the tier hierarchy naturally.
The deep black background (#0D0D0D) creates an immersive, focused environment that lets content breathe without distraction. The vivid orange (#E8891A) draws directly from BloFin's brand identity — energetic and high-visibility, it marks every reward amount and CTA with urgency, guiding the user's eye through the tier hierarchy naturally.
#0D0D0D
#0D0D0D
#E8891A
#E8891A
#1A1A1A
#1A1A1A
#FFFFFF
#FFFFFF
Responsive Layout Strategy
The deep black background (#0D0D0D) creates an immersive, focused environment that lets content breathe without distraction. The vivid orange (#E8891A) draws directly from BloFin's brand identity — energetic and high-visibility, it marks every reward amount and CTA with urgency, guiding the user's eye through the tier hierarchy naturally.
The deep black background (#0D0D0D) creates an immersive, focused environment that lets content breathe without distraction. The vivid orange (#E8891A) draws directly from BloFin's brand identity — energetic and high-visibility, it marks every reward amount and CTA with urgency, guiding the user's eye through the tier hierarchy naturally.
Information Hierarchy
The deep black background (#0D0D0D) creates an immersive, focused environment that lets content breathe without distraction. The vivid orange (#E8891A) draws directly from BloFin's brand identity — energetic and high-visibility, it marks every reward amount and CTA with urgency, guiding the user's eye through the tier hierarchy naturally.
The deep black background (#0D0D0D) creates an immersive, focused environment that lets content breathe without distraction. The vivid orange (#E8891A) draws directly from BloFin's brand identity — energetic and high-visibility, it marks every reward amount and CTA with urgency, guiding the user's eye through the tier hierarchy naturally.
Visual Brand Adaptation
The deep black background (#0D0D0D) creates an immersive, focused environment that lets content breathe without distraction. The vivid orange (#E8891A) draws directly from BloFin's brand identity — energetic and high-visibility, it marks every reward amount and CTA with urgency, guiding the user's eye through the tier hierarchy naturally.
The deep black background (#0D0D0D) creates an immersive, focused environment that lets content breathe without distraction. The vivid orange (#E8891A) draws directly from BloFin's brand identity — energetic and high-visibility, it marks every reward amount and CTA with urgency, guiding the user's eye through the tier hierarchy naturally.
Reflection
This project was a pure visual design challenge — no user research or usability testing involved. The brief was tight: design a campaign page that converts traders in a competitive crypto market, within BloFin's established visual identity.
The biggest constraint was adapting a complex reward system — two separate task tracks with multiple tiers each — into a layout that feels simple and motivating rather than overwhelming. The key was designing the tier rows as a single, repeatable component that scales across both mobile and desktop contexts without losing readability.