메디원
랜딩 페이지 제작
- Client
- 메디원
- Date
- 2021. 01 - 2021. 03
- Type
- 랜딩페이지, 워드프레스, 반응형 구축
Overview
Goal
UI/UX 디자인 리뉴얼
폭발적인 문의 / 의뢰
UI/UX Strategy
깔끔한 인포그래픽
다양하고 복잡한 정보는 사용자에게 혼란을 줄 수 있기 때문에
깔끔한 인포그래픽을 제작하여 이해를 돕고 시각적으로 전달하고자 하였습니다.
개성있는 그래픽
메디원의 아이덴티티를 담은 개성있는 일러스트와 아이콘을 제작하였습니다.
부드러운 인터랙션
그래픽 요소들이 사용자의 스크롤에 따라 자연스럽게 움직일 수 있도록 인터랙션을 적용하였습니다.
MEDI ONE
Design System
전체적으로 세련되고 현대적 스타일의 고딕체로 스마트폰 및 태블릿 같은
작은 화면의 디바이스에서도 텍스트를 보다 쉽게 읽을 수 있도록 가독성을 고려했습니다.
색상은 브랜드의 color system을 사용해 통일성을 제공합니다.
Typography
Noto Sans
Noto Sans KR
Color System
수익이 보장되는 검사실,
메디원이 만들어드리겠습니다.
메디원의 사업 규모를 보여주는 KPI
메인페이지에 들어오자마자 보이는 히어로섹션에서 KPI를 활용해
사업규모를 통한 메디원의 신뢰성 및 전문성을 확보할 수 있었습니다.
구매저항을 감소시키는 FUNNEL 기획
메디원을 선택할 수 밖에 없는 정교한 프로세스, 실제 사용고객이 인증하는 고객후기등
홈페이지 내에 구매 유도 FUNNEL 기획을 통해 구매저항을 서서히 감소시켜 문의로 이끌었습니다.
MEDI ONE
Page Section
COLUMN SECTION
고객후기를 통해 패튼위드의 신뢰성을 확보하였습니다.
의뢰인의 마음을 공감하는 카피라이팅은 진정성을 얻는데 충분하였습니다.
· 칼럼섹션
1st SELLING POINT SECTION
고객후기를 통해 패튼위드의 신뢰성을 확보하였습니다.
의뢰인의 마음을 공감하는 카피라이팅은 진정성을 얻는데 충분하였습니다.
· 셀링포인트1 섹션
2nd SELLING POINT SECTION
고객후기를 통해 패튼위드의 신뢰성을 확보하였습니다.
의뢰인의 마음을 공감하는 카피라이팅은 진정성을 얻는데 충분하였습니다.
· 셀링포인트2 섹션
MEDI ONE
Mobile Page
완벽한 WEB / MOBILE 반응형 대응
모바일에서도 텍스트 & 사진이 깨지지 않는 반응형 대응 작업을 진행해
PC와 마찬가지로 자연스러운 문의 신청이 가능하도록 만들었습니다.