Sol Studio & Viewer – 수업 자료 생성 및 강의 플랫폼
쏠 스튜디오는 학원 강사를 위한 수업 자료 생성 및 편집 도구이며, 쏠 뷰어는 학생들이 수업 자료를 열람할 수 있도록 설계된 2-way 교육 콘텐츠 플랫폼
입니다.
이 프로젝트는 교재 마켓 ‘쏠북’과 연동되는 강의용 플랫폼을 구축하기 위한 핵심 기능 개발을 목표로 시작되었습니다.
Role
•
Product design 100%
•
UI 시스템 구축 및 디자인
•
쏠 스튜디오 & 뷰어 설계 및 카테고리 구조 기획
•
강사/학생 페르소나 정의 및 니즈 도출
•
PO, 개발팀과 함께 기능 정의 및 정책 정리
•
서비스 초기 운영 설계 및 개선 주도
인사이트
•
MVP 런칭 후 1개월 내 50건 이상 강의 사례 확보
•
UX 및 UI 개선으로 이탈률 방어
•
강사 대상 초기 MVP 피드백에서 “강의자료 제작 편의성이 높아졌다”는 반응 확보
•
학생 UT에서 "프린트물 보다 패드로 수업할 수 있어서 편했다", “기능이 심플해서 사용이 쉽고 활용도가 높다”등의 피드백 30건 이상 확보
문제 도출
Pain point (UT와 VoC를 통해 수집한 데이터)
•
강사들은 기존에 MS 오피스를 활용해 강의자료 제작
•
교재 제작 과정에서 문서와 마켓의 자료를 오가며 작업해야 해 번거로움
•
쏠북 마켓에서 구매한 자료의 활용하기 어려움
•
프린트물로만 자료를 제공해야 하고, 자료 유출에 대한 걱정이 큼
•
학생들은 수업 시 프린트물을 가지고 다녀야 하고 보관이 불편하다는 의견
핵심 기능 설계 정리
가설 및 설계 방향
•
리서치 기반 설계 가설 (20~70대 강사님들 UT, VoC 기반)
설계 가설 | 대응 기능 |
강의자료는 SaaS 또는 클라우드 기반으로 생성·저장·진행이 가능해야 합니다. | 온라인 편집 환경 및 저장 기능 |
쏠북 마켓에서 구매한 교재와 자료를 불러와 자유롭게 편집 가능해야 한다 | 쏠북 연동 자료 불러오기 기능 |
구매자료와 편집자료를 동시에 볼 수 있어야 한다 | 듀얼 화면 구조 |
학생들에게는 온라인으로 자료 제공 가능해야 한다 | 뷰어 플랫폼 설계 |
오프라인 제공도 가능하되 유출 방지를 고려해야 한다 | 프린트 & 워터마크 기능 |
강사(Sol Studio)
•
구매한 교재 자료 불러오기
•
강의자료 직접 편집 및 저장
•
듀얼 화면 구조(자료 원본 + 편집화면)
•
PDF 출력/워터마크 삽입 기능
학생(Sol Viewer)
•
온라인 수업 자료 열람
•
페이지 단위로 자료 확인
•
실시간 수업 자료 접근 가능
•
메모 및 하이라이트 기능
•
아이패드, 갤러시탭등 패드 디바이스에 최적화
•
노트북 지원 가능
Product Design
쏠 스튜디오
•
쏠북 마켓에서 구매한 자료를 리스트 형태로 불러오거나 검색을 통해 불러 올 수 있음
A 마켓에서 구매한 자료 및 생성 자료 노출
A-1 : 인박스 형태로 구매한 교재 및 자료 리스트
A-2 : 라이브러리 형태로 강사가 직접 제작한 강의 자료 리스트
B 좌측 패널을 통해 A의 자료 로드 패널
B-1 : A 영역의 자료를 클릭해 로드, 단어, 문장, 문단, 문제 범위로 발췌 가능
C 강의 자료 생성 및 편집을 위한 에디터 패널
강의 자료를 위한 기본 템플릿 제공 (타이틀 영역, 워터 마크 생성, 학생 번호, 이름 영역 등)
C-1 펼침 메뉴로 편집 편의성 향상
쏠 뷰어 (학생용)
•
강사가 생성한 수업 자료를 온라인으로 열람할 수 있는 웹 기반 뷰어
•
수업 코드를 입력하거나 URL을 통해 수업에 입장하면, 강사가 제작한 자료를 확인 가능
•
과제 및 참고자료도 같은 방식으로 뷰어 내 라이브러리에서 열람 가능
•
페이지 단위 콘텐츠 탐색 및 하이라이트 기능 포함
•
텍스트 복사 및 다운로드 제한 등 콘텐츠 보호 기능 적용
•
캡쳐, 프린트시 워터마크 자동 생성
A 툴바
A-1 : 목차, 보기 설정, 노트, 펜등의 메뉴 지원
B 툴바 플로팅
빠르게 실행이 필요한 기능들 제공 ( 펜, 줌 기능 등), 설정에서 메뉴 커스텀 가능
C 문제 영역
강사가 제작한 강의 자료의 문제가 보여지는 패널
D 문제 풀이 영역
왼쪽 문제에 해당하는 풀이가 노출되는 패널
E 메모 기능, 접혀져 있는 메모 아이콘을 터치하면 숨겨져있던 메모가 펼쳐짐
F 하이라이트 기능
G 펜을 이용한 하이라이트 기능
