-
Project name
SPEP 영어교육 플랫폼
-
Progress period
2025 JAN. - 2025 JUN.
-
Cilent
에스피이피센터 (SPEP)
-
Tag
WEB / MOBILE DESIGN
Overview
언어를 넘어선 가치를
쌓아가는 학습 경험
SPEP은 에스피이피센터가 운영하는 기업체 영어 교육 브랜드입니다. 비즈니스 현장에서 바로 쓰이는 English Speaking 중심 교육을 소그룹과 1:1 코칭으로 나누어 진행합니다. 수강 신청부터 클래스 참여, 출결과 피드백 확인, 모바일 학습까지 흩어져 있던 과정을 하나의 흐름으로 잇는 것을 목표로 했습니다.
- 수강 신청
- 학습 대시보드
- 클래스 운영
- 출결 · 피드백
- 모바일 러닝
- 1:1 코칭
01. Main
처음 만나는 화면에서
필요한 것을 바로
아직 수강하지 않은 사용자에게는 브랜드 메시지와 신청 가능한 과정을, 수강 중인 사용자에게는 출석률과 학습 현황을 먼저 보여줍니다. 기업 단위로 여러 차수가 동시에 열리는 구조라, 같은 자리에서 각자의 수강 상태에 맞는 정보가 나오도록 화면을 나눴습니다.
02. Class Room
출결과 성장 지표를
한 화면에서
Small Group과 1:1 Coaching 등 수업 형태가 달라도 같은 틀에서 확인할 수 있도록 클래스룸을 설계했습니다. 수강 중인 과목과 강사·장소 정보, 출결 현황, 피드백을 한 화면에 모으고, 도넛 차트로 차수별 출석률을 비교하고 월별 추이는 그래프로 이어서 봅니다.
03. Mobile Learning
하루 5분,
짧게 이어가는 학습
수업과 수업 사이를 이어주는 학습 구간입니다. 레슨 액티비티와 퀴즈, 영어 뉴스를 카드 단위로 나눠 업무 중 짧은 시간에도 학습을 이어갈 수 있게 했습니다. 진행률과 획득 포인트를 카드마다 노출해 성취가 눈에 보이도록 했습니다.
04. Communication
묻고 답하는 과정도
학습의 일부
수업 밖에서도 강사에게 바로 물을 수 있어야 학습이 끊기지 않습니다. 강사와의 채팅, 1:1 문의, 마이페이지를 같은 규칙으로 정리해 어느 화면에서든 익숙하게 쓸 수 있도록 했습니다.
05. Mobile
손 안에서 이어지는
같은 경험
모바일에서도 웹과 같은 흐름을 유지하되, 좁은 화면에 맞춰 카드와 목록의 밀도를 다시 잡았습니다.
메인
모바일 러닝
클래스룸
피드백
교육 리포트
설문조사
학습 그래프
06. Components
반복되는 화면을
규칙으로
액티비티와 퀴즈는 유형이 늘어나도 같은 틀 안에서 확장되도록 구성 요소를 정리했습니다.
