1 Week

Bias Box

A responsive K-pop subscription box website

Completed a polished multi-page frontend project within one week
Created three clearly differentiated subscription tiers for different types of K-pop collectors
Showcased six collectible categories through reusable data-driven product cards
Delivered responsive layouts optimized for mobile, tablet, and desktop screens
Next.js 16React 19Tailwind CSSLucide ReactNetlify

About This Project

BiasBox is a responsive promotional website for a fictional monthly K-pop subscription box service. Visitors can explore themed collectibles, compare three subscription plans, learn about the brand, and view contact and customer-support information through a concert-inspired interface.

TIMELINE

Day 1

Concept and Project Setup

Defined the BiasBox subscription concept, selected the visual direction, and configured the Next.js and Tailwind CSS project.

Days 2–3

Homepage and Shared Layout

Created the homepage, responsive navigation, reusable footer, hero section, feature cards, and calls to action.

Days 4–5

Products and Subscription Plans

Built the collectible showcase and three subscription tiers: Trainee, Idol, and All-Star.

Day 6

Brand and Contact Pages

Created the About page, brand mission sections, company values, support information, and styled contact form.

Day 7

Responsive Design and Final Polish

Refined responsive layouts, gradients, imagery, hover interactions, typography, and overall visual consistency.

PROJECT MEDIA

See It In Action.

Bias Box screenshot 1
Bias Box screenshot 2
Bias Box screenshot 3
Bias Box screenshot 4
Bias Box screenshot 5
Bias Box screenshot 6
Bias Box screenshot 7
Bias Box screenshot 8
Bias Box screenshot 9

EXPLORE THE PROJECT