생각정리클래스
LMS 개발 프로젝트
- Client
- 생각정리클래스
- Date
- 2021. 02 - 2021. 04
- Type
- LMS 서비스, React, 반응형 구축
Overview
Goal
LMS 강의 구매 극대화
안정적인 서버 설계
UI/UX Strategy
깔끔한 아이콘
생각정리클래스의 가치와 전문성이 연상될 수 있도록 깔끔하고
통일된 일러스트를 제작하여 클릭을 유도하였습니다.
정보를 전달할 수 있는 UI
인플루언서, 후기, 경력 등의 많은 경험을 직관적으로 전달할 수 있도록
정보의 중요도를 정리하고 그에 맞게 Color & UI 가이드를 제작하였습니다.
이탈률을 최소화하는 UX
히어로의 동적인 인터랙션과 스크롤에 따라 자연스럽게 움직이는 콘텐츠를 통해
이탈률을 최소화하였습니다.
생각정리클래스
Design System
단순하고 직선적인 형태로 글줄을 가지런하게 만들어 깔끔하고 정렬된 느낌을 주며,
친근하고 자연스러운 인상을 가진 서체를 사용했습니다.
색상은 브랜드의 color system을 사용해 통일성을 제공합니다.
Typography
Gmarket Sans
Spoqa han sans
Color System
복주환 작가와 함께하는
생각정리스킬 프리미엄 강의
배너섹션 & 인기클래스를 활용한 구매유도
어떠한 강의를 들어야하는지? 에 대한 구매저항을 갖고있는 홈페이지
타겟층을 위한 인기클래스 & 추천클래스 섹션을 배치해 구매유도를 진행하였습니다.
자연스럽게 구매흐름으로 이어지는 랜딩페이지 기획
인플루언서 & 고객후기 & 프로세스 설명등 구매저항을 해소시키는 요소들을
랜딩페이지에 배치시켜 잠재고객을 구매고객으로 전환시킬수 있도록 기획 & 개발하였습니다.
생각정리클래스
Subpage
LECTURE DETAIL PAGE
강의에 대한 구매저항을 상세페이지 안에있는
강의소개 & 강사소개 & 커리큘럼 & 수강후기 섹션을 통해 해소시켰습니다.
‣ 강의 상세페이지
KPI SECTION
신뢰성있는 근거자료를 활용하여 강의 구매저항을 감소시켰습니다.
‣ PDF 페이지
THINKING TREE SERVICE
생각정리스킬을 활용할 수 있는 마인드맵 서비스
생각정리트리를 함께 개발하여 생각정리스킬의 활용성을 극대화하였습니다.
‣ 생각정리트리 서비스 페이지
Raising Youtube
Mobile Page
완벽한 WEB / MOBILE 반응형 대응
모바일에서도 상품구매가 가능하도록 자연스러운 문의흐름을
개발하는 완벽한 반응형 대응을 진행하였습니다.