프로젝트 배경
[ 문제점 ] 강의 수강·용품 커머스·게시판이 성격이 제각각 → 하나의 서비스로 묶기 어려움 PC와 모바일 사용 맥락이 다름 → 접점별 최적화 필요 운영 관리 도구 부재 → 강의·상품·주문 관리 비효율 [ 목표 ] 수강생 웹·모바일 앱으로 수강·주문을 한 흐름으로 관리자 웹에서 강의·상품·주문·회원 통합 관리 3뷰어를 하나의 디자인 언어로 일관되게 [ 주안점 ] 강의 판매
프로젝트 성과
3뷰어 통합 화면 설계
강의 수강·용품 판매·운영 관리를 수강생 웹·모바일 앱·관리자 웹
세 화면으로 나눠 하나의 흐름으로 이었습니다.
세 화면으로 나눠 하나의 흐름으로 이었습니다.
인디고 + 다크 VOD 디자인 시스템
밝은 커머스 톤과 몰입형 수강 다크 톤을 하나의 시스템으로 묶어
3개 뷰어 전반의 톤을 일관되게 유지했습니다.
3개 뷰어 전반의 톤을 일관되게 유지했습니다.
보안 VOD 수강 화면
진도율·단계별 커리큘럼·보안 재생 표기를 담은 몰입형 수강 플레이어를
웹·모바일 양쪽에 맞게 설계했습니다.
웹·모바일 양쪽에 맞게 설계했습니다.
웹·앱·관리자 22개 화면 완성
관리자 웹 6종, 수강생 웹 9종, 모바일 앱 7종을 모바일 퍼스트·반응형으로
퍼블리싱해 전 기기에서 동작하도록 했습니다.
퍼블리싱해 전 기기에서 동작하도록 했습니다.
핵심 기능
진행 단계
[1단계] 요구사항 분석 · 정보구조
2025.03.
요구사항을 정리해 수강생 웹·모바일 앱·관리자 웹의
메뉴·화면 흐름과 정보구조를 설계했습니다.
메뉴·화면 흐름과 정보구조를 설계했습니다.
프로젝트 상세
[ 한 줄 소개 ] 강의 영상 수강과 용품 판매, 그리고 이를 운영하는 관리 업무를 수강생 웹·모바일 앱·관리자 웹 3개 화면으로 나눠 설계했습니다. [ 기획 배경 ] 온라인 강의 판매는 영상 수강, 용품 커머스, 게시판, 결제, 다국어까지 성격이 다른 기능이 한 서비스 안에 섞여 있습니다. 수강생은 PC와 모바일에서 각각 편해야 하고, 운영자는 강의·상품·주문·회원·게시판을 한 곳에서 관리해







