Web Design · Hair Salon Campaign
HUMAGENHAIR Brand Campaign Website
A multi-page HUMAGENHAIR website connecting a bold campaign poster with services, styles, artists, content, and booking.
Concept Project — independently created to demonstrate HUMAGENT LAB's website strategy, design, and development capabilities.
Industry
Hair Salon · Beauty · Brand Campaign
Project scope
Brand Direction · Multi-page Campaign UX/UI · Responsive Development
ART DIRECTION
Make the brand's character visible
An off-white canvas, black typography, coral accents, and cobalt guide lines frame a collage-style campaign poster with a fashion-editorial edge.
CONCEPT BACKGROUND
Why this website was designed
An independently designed brand concept that turns HUMAGENHAIR's portrait-led campaign imagery into distinct pages for home, about, services, styles, artists, content, and reservations.
This is not a client engagement or a fictional performance claim. It explores a production approach that could be useful in this category.
OBJECTIVES
Objectives
- Express HUMAGENHAIR's campaign imagery and brand mood strongly above the fold
- Give every menu item a clear destination within the multi-page structure
- Connect style discovery and booking naturally across desktop and mobile
APPROACH
Approach
- 01Design the utility bar, logo stage, page-based navigation, and four-part shortcut grid as one cohesive brand system
- 02Build the campaign poster and style imagery as a consistent HUMAGENHAIR visual language
- 03Implement Korean-English switching, style filters, mobile navigation, and the booking form as responsive interactions
DELIVERABLES
Deliverables
Brand information architecture
Seven-page responsive website
Campaign-poster homepage
Four-part information and booking shortcuts
Korean and English content switching
Service menu
Style filters
Artist page
Booking inquiry prototype
MAKING PROCESS
Design and production process
- 01
Structure
Defined the hierarchy for brand messaging, campaign imagery, salon information, and booking.
- 02
Design
Combined off-white, black, coral, and cobalt with campaign imagery across the responsive experience.
- 03
Verify
Verified language switching, page navigation, style filters, and booking flows in the deployed experience.
START A PROJECT
Your next project begins with your actual goal.
Tell us what you want to change and where the project stands. We will recommend the most useful starting point.