Web Design · Hair Salon Campaign
HUMAGENHAIR 브랜드 캠페인 웹사이트
대형 캠페인 포스터와 페이지형 브랜드 내비게이션을 중심으로 서비스, 스타일, 아티스트와 예약 경험을 연결한 HUMAGENHAIR 웹사이트.
Concept Project — HUMAGENT LAB의 웹사이트 구축 역량을 보여주기 위해 자체 기획한 프로젝트입니다.
Industry
Hair Salon · Beauty · Brand Campaign
Project Scope
Brand Direction · Multi-page Campaign UX/UI · Responsive Development
ART DIRECTION
브랜드의 성격이 화면에서 느껴지도록
오프화이트 바탕, 블랙 타이포그래피, 코랄 포인트와 코발트 가이드 라인을 조합한 콜라주형 캠페인 포스터로 패션 에디토리얼 같은 첫인상을 만들었습니다.
Core page system
CONCEPT BACKGROUND
왜 이 웹사이트를 설계했는가
HUMAGENHAIR의 인물 중심 캠페인 이미지와 브랜드 메시지를 바탕으로 홈, 소개, 서비스, 스타일, 아티스트, 콘텐츠와 예약을 각각의 페이지로 탐색하도록 독자적으로 설계한 브랜드 콘셉트입니다.
이 프로젝트는 실제 고객 의뢰나 가상의 성과 사례가 아닙니다. 특정 고객을 전제로 문제를 꾸미지 않고, 해당 업종에서 유효할 수 있는 제작 접근을 탐구했습니다.
OBJECTIVES
목표
- HUMAGENHAIR의 캠페인 이미지와 브랜드 무드를 첫 화면에서 강하게 전달
- 메뉴를 선택하면 각 콘텐츠 페이지로 이동하는 명확한 정보 구조 제공
- 데스크톱과 모바일에서 스타일 탐색과 예약 동선을 자연스럽게 연결
APPROACH
접근 방식
- 01상단 유틸리티, 로고 스테이지, 페이지형 내비게이션과 4분할 바로가기 타일을 하나의 브랜드 시스템으로 설계
- 02캠페인 포스터와 스타일 이미지를 HUMAGENHAIR 전용 비주얼 언어로 일관되게 구성
- 03한·영 전환, 스타일 필터, 모바일 메뉴와 예약 폼을 반응형 인터랙션으로 구현
DELIVERABLES
제작 결과물
브랜드 정보 구조 설계
7개 페이지 반응형 웹사이트
캠페인 포스터 중심 홈
4분할 정보·예약 바로가기
한·영 콘텐츠 전환
서비스 메뉴
스타일 필터
아티스트 페이지
예약 문의 프로토타입
MAKING PROCESS
디자인 및 제작 과정
- 01
Structure
브랜드 메시지, 캠페인 이미지, 살롱 정보와 예약 기능의 우선순위를 정리했습니다.
- 02
Design
오프화이트, 블랙, 코랄과 코발트 컬러를 캠페인 이미지와 결합해 반응형 화면을 설계했습니다.
- 03
Verify
다국어, 페이지 이동, 스타일 필터와 예약 흐름을 실제 배포 환경에서 검증했습니다.
RELATED EXPERTISE
이 콘셉트와 연결되는 제작 역량
포트폴리오에서 확인한 접근을 실제 비즈니스 목표에 맞는 웹사이트와 고객 획득 구조로 적용합니다.
YOUR PROJECT
다음 프로젝트는 당신의 목표에서 시작합니다.
아직 범위가 명확하지 않아도 괜찮습니다. 목표와 현재 상황을 알려주시면 가장 적합한 시작점을 함께 찾겠습니다.