취업의 시작과 끝, 취업 종합 솔루션 기업,
비투와이 웹 페이지 제작
BUILD
WEB / MOBILE
비투와이
웹 페이지 제작 프로젝트
- Client
- 비투와이 (건강한취준)
- Date
- 2021. 08 - 2021. 11
- Type
- 창업패키지, 홈페이지, 워드프레스, 반응형 구축
Overview
비투와이의 최상위 홈페이지 목적은 “폭발적인 컨설팅 상품 구매” 이었습니다.
진로 컨설팅에 고민이 많은 취준생들의에 구매저항을 감소시키는 방향으로 랜딩페이지 형식을 채택해
다양한 셀링포인트 및 사회적근거 (고객후기, 합격증)를 배치시켰습니다.
또한 템플릿형 UI / UX디자인에서 벗어난 맞춤형 디자인 & 마이크로 인터렉션을 선보였습니다.
Goal
폭발적인 상품 구매
UI/UX Strategy
반응형 웹
반응형 웹에 최적화된 레이아웃과 그리드를 사용해
다양한 환경에서 사이트를 이용할 수 있도록 사용자 편의를 고려하여 제작하였습니다.
아이덴티티를 담은 그래픽
트렌디하고 개성있는 아이덴티티를 담아냈으며 동적인 그래픽을 구현하였습니다.
직관적인 UX
그래픽과 UI는 화려하지만 UX는 직관적이고 보편적인 개념을 사용하였습니다.
제이콥의 법칙을 통해 산업군과 비슷한 인터페이스를 제공합니다.
BtoY
Design System
다양한 웨이트의 지원과 여러 언어 환경에서의 사용성을 고려한 폰트를 사용했으며,
작은 화면의 디바이스에서도 텍스트를 보다 쉽게 읽을 수 있도록 가독성을 고려했습니다.
색상은 브랜드의 color system을 사용해 통일성을 제공합니다.
Typography
Spoqa Han Sans Neo
Spoqa Han Sans Neo
Color System
자기소개에서 적을게 이름밖에 없는데
이번 생에 취업할 수는 있을까?
홈페이지 사용자의 실제 고민을 담은 카피라이팅
홈페이지 사용자가 실제로 고민할법한 고민을 카피라이팅으로 활용하였습니다.
이는 사용자의 공감을 얻어 홈페이지 이탈을 막기 위함이었습니다.
고객의 의심을 제거하는 사회적근거
고객이 상품을 구매하기 전 의심을 하는 모든 요소를
홈페이지에 배치시켜 구매저항을 감소시켰습니다.
‣ 프로그램 소개 섹션
‣ 수강생 후기 섹션
BtoY
Subpage
PROGRAM PAGE
프로그램 소개를 통해 BtoY를 처음 접한 홈페이지 사용자도
BtoY를 향한 구매저항 및 의심을 제거하였습니다.
‣ 프로그램 페이지
BENEFIT PAGE
잠재고객을 전환 고객으로 바꾸기 위한
고객혜택 페이지를 개설하였습니다.
‣ 혜택 페이지
CURRICULUM & REVIEW PAGE
커리큘럼 및 후기 페이지를 통해
잠재고객을 전환 고객으로 바꿔 상품구매를 기대해보았습니다.
‣ 커리큘럼 페이지
BtoY
Mobile Page
완벽한 WEB / MOBILE 반응형 대응
모바일에서도 텍스트 & 사진이 깨지지 않는 반응형 대응 작업을 진행해
PC와 마찬가지로 자연스러운 문의 신청이 가능하도록 만들었습니다.
