바다 다이빙 체험 서비스 기업,
테마 홈페이지 구축
BUILD
WEB / MOBILE
테마
홈페이지 구축 프로젝트
- Client
- 테마
- Date
- 2022. 10 - 2022. 12
- Type
- 홈페이지, React, 반응형 구축
Overview
테마의 최상위 홈페이지 목적은 “폭발적인 문의량 확대” 이었습니다.
사람들이 잘 알지 못하는 다이빙 체험 코스의 경우, 그들의 궁금증을 풀어내는 것이 문의량 확대를 할 수
있는 첫 번째 열쇠였습니다. 또한 테마만의 서비스를 소개함으로써 다른 곳과의 차별점을 제시해 테마에 들어온 홈페이지 사용자에게 문의를 이끌어 낼 수 있도록 홈페이지를 기획하고 설계했습니다.
Goal
폭발적인 문의량 확대
UI/UX Strategy
편의성을 이해한 UX
반응형웹을 제작할 때 중요한 것은 모바일까지 고려해야 한다는 것입니다. 전체 그리드를 활용하면서도 어떤 디바이스에서든 적용될 수 있도록 편의성 및 접근성을 높였습니다.
정돈된 레이아웃
신뢰감과 전문성을 전달하기 위해 도전적인 레아아웃을 적용하기 보다
정돈되고 수평적인 그리드를 사용하였습니다.
브랜드 스토리텔링
단순하고 심플한 구성으로 브랜드가 추구하는 가치를이미지와 자료를 통해
스토리텔링으로 구현하였습니다.
THEME
Design System
단순하고 직선적인 형태로 글줄을 가지런하게 만들어 깔끔하고 정렬된 느낌을 주며,
친근하고 자연스러운 인상을 가진 서체를 사용했습니다.
색상은 브랜드의 color system을 사용해 통일성을 제공합니다.
Typography
Spoqa Han Sans Neo
Noto Sans KR
Color System
다이빙의 꿈이 실현되는 곳
테마입니다.
배너섹션 & 이미지를 활용한 구매유도
실제 다이빙을 하고 있는 사진과 문구를 통해 다이빙에 대한 구매저항을
아이부터 어른까지 즐길 수 있다는 카피를 배치해 구매유도를 진행하였습니다.
THEME
Subpage
ABOUT PAGE
20년의 운영 노하우와 최고의 교육환경을 셀링포인트로
활용하여 고객들의 구매저항을 감소시켰습니다.
‣ 소개 페이지
RESERVATION CENTER PAGE
다이빙 액태비티 이미지들을 부각시켜 홈페이지 사용자로
하여금 예약에 대한 욕구를 불러 일으키도록 하였습니다.
‣ 예약센터 페이지
INSTRUCTOR APPLICATION PAGE
테마의 강사로 지원하려면 어떻게 해야 하는지 궁금증이 생긴
홈페이지 사용자에게 구체적으로 신청 절차를 설명하는 페이지입니다.
‣ 강사신청 페이지
THEME
Mobile Page
완벽한 WEB / MOBILE 반응형 대응
모바일에서도 웹과 동일한 경험이 가능하도록 완벽한 반응형 대응을 진행하였습니다.
