파이어족을 위한 투자 강의 플랫폼,
밀레니얼머니스쿨 LMS 개발
BUILD
WEB / MOBILE
밀레니얼머니스쿨
LMS 서비스 개발
- Client
- 밀레니얼 머니스쿨
- Date
- 2022. 01 ~ 2022. 06
- Type
- LMS 서비스, React, Django, 반응형 구축
Overview
밀레니얼머니스쿨의 최상위 홈페이지 목적은 “LMS강의 구매 극대화”이었습니다.
홈페이지 흐름을 통해 폭발적인 강의구매를 일으키기 위해 타겟층 별로 투자관련 강의를 추천하는 서비스를 제공하며 상세페이지로 이어지는 구매Funnel을 기획하였습니다. 뿐만아니라 트래픽 용량이 단기간에 넘칠 것을 고려한 LMS사이트 제작으로 안정적인 서버설계를 목적으로 LMS 서비스를 개발하였습니다.
Goal
LMS 강의 구매 극대화
UI/UX Strategy
편리한 디자인
사용자와 관리자의 편의성 증대를 위한 UX/UI의 디자인을 개선하였습니다.
다크모드 UI
사용자 경험을 최상으로 높이고 콘텐츠의 주목성을 높일 수 있도록
다크모드를 적용하여 톤앤매너를 정돈하였습니다.
부드러운 UX
최신 트렌드가 반영된 깔끔한 디자인에 부드러운 인터렉션을 적용하여 사용자 경험을 자연스럽게
유도하였습니다. 또한 가시성을 높이고 편의성을 충족시켰습니다.
MILLENNIAL MONEY SCHOOL
Design System
전체적으로 세련되고 현대적 스타일의 고딕체로 스마트폰 및 태블릿 같은
작은 화면의 디바이스에서도 텍스트를 보다 쉽게 읽을 수 있도록 가독성을 고려했습니다.
색상은 브랜드의 color system을 사용해 통일성을 제공합니다.
Typography
Noto Sans
Noto Sans KR
Color System
경제적 자유를 위한
파이어족의 도전기
타겟층에 맞는 강의 추천서비스
타겟층을 페르소나로 정리하여 각 페르소나마다 필요한
강의를 추천하는 서비스를 메인페이지에 배치하였습니다.
초보 투자자를 위한 강의 추천
초보투자자의 의심을 해소하기 위한 BEST CLASS를
추천하는 섹션을 배치하며 구매저항을 감소시켰습니다.
· 포트폴리오 섹션
· 포트폴리오 섹션
Subpage
CONTENTS PAGE
강의를 듣기전 파이어족이 되기위한 여정콘텐츠를 제작하여
밀레니얼 머니스쿨의 체류시간을 확보하였습니다. 이는 구매저항을 감소시켰습니다.
· 칼럼섹션
TEACHER PAGE
강사를 소개하는 페이지를 따로 구축하여
구매여정에서 발생하는 PAINPOINT를 해결하였습니다.
· 셀링포인트1 섹션
COMMUNITY PAGE
밀머스의 자체콘텐츠 중 하나인 커뮤니티 페이지를 구축하여
강사와 실시간 소통 및 집단 내의 소통이 가능하도록 구현하였습니다.
· 셀링포인트2 섹션
Mobile Page
완벽한 WEB / MOBILE 반응형 대응
모바일에서도 강의 수강 및 결제가 가능하도록
완벽한 반응형 대응을 진행하였습니다.
