서비스 기타
닥터스칼프 #두피케어 #1:1맞춤케어 #30가지프로그램 #탈모/두피디스플레이 종류에 따라 화면의 크기가 자동으로 최적화되도록 조절되는 반응형 웹으로 제작되었습니다.
글로벌 No.1 두피케어 센터, 닥터스칼프의 노후화된 기존 홈페이지의 단점을 보완하고자 리뉴얼 작업을 진행하였습니다.
두피케어 전문기업들과는 다른 우리만의 차별화된 전략!
"30가지의 케어프로세스와 30가지 프로그램, 30가지 케어테크닉, 300만명의 케어고객, 360여개의 글로벌 두피케어센터를 운영"이라는
닥터스칼프만의 장점을 부각시키기 위해 직관적인 이미지와 심플한 UX/UI로 타겟층이 이해하기 쉽게 기획하였습니다.
특히 메인페이지의 Why Dr.scalp의 컨텐츠 영역에서 30, 1800, 30000, 360의 의미있는 숫자들이 자동스크롤로
카운트되는 모션을 구현해 몰입도를 높이고자 했습니다.
타켓층에 맞추어 보다 심플하고
깔끔한 레이아웃으로 구성하였습니다.
닥터스칼프의 그린 컬러에서 차분하고
고급스러운 느낌을 가미하고자 어두운
그린 컬러도 같이 활용하였습니다.
A타입은 스크롤 모션을 활용하여 최신 웹트렌드를 반영한 타입으로
폰트와 이미지, 컬러를 활용하여 전체적으로 산뜻한 분위기를 연출하고자 하였습니다.
또한 기업의 차별화 요소를 스크롤 모션과 화면 전환 효과를 활용하여 임팩트있게 강조하였습니다.
B타입은 타켓층에 맞추어 보다 심플하고 깔끔한 레이아웃으로 구성하였습니다.
닥터스칼프의 그린 컬러에서 차분하고 고급스러운 느낌을 가미하고자 어두운 그린 컬러도 같이 활용하였습니다.
메인 퍼블리싱은 한단 씩 떨어지는 원스크롤 반응형으로 구현하였으며
wjhy scalp 부분은 시간에 맞춰 숫자가 카운팅되면서 이미지가 노출되도록 모션을 구현하였습니다.
