top of page
CHAE JUNG HYUN
CHAE JUNG HYUN
비상교육 AI 디지털 교과서
Client. 주체비상 출판사
Tools. Illustrator Photoshop Figma
편집 디자인
Logo & Concept
Color
Sky Blue (Crayola) #5dd0ec
Concept
비상교육의 영어 로고 Visang에서 따온 이니셜 V와 비상을
상징하는 날개를 합쳐 새련되면서도 깔끔한 로고를 디자인
+
Perosona & Functional derivation
Perosona
초등학생
교사 & 교직원
학부모
Functional derivation
Menutree
Flowchart
학생 계정으로 학습 시
Design system
Button
Guide line
Primary
Ghost
Secondary
Font
한글_Noto sans kr
H1
Body
Caption
Bold
Regular
Thin
비상교육 AI 교과서
비상교육 AI 교과서
비상교육 AI 교과서
영문_Roboto
H1
Body
Caption
Bold
Regular
Thin
Visang AI Textbook
Visang AI Textbook
Visang AI Textbook
Color
Blue Light
Green Light
Red Light
Grayscale
Wireflame
로그인 페이지
학습 페이지 1
교과서 목차 페이지
학습 페이지 2
교과서 목차 선택
학습 평가
대쉬보드
학습 평가 보고서
비상교육 AI 교과서
-초등학교 4학년 과학-
Splash & Login
Dashboard
한눈에 보는 학습 통계
AI 교과서의 주요 학습 내용을 볼 수 있는 메인 페이지입니다.
초등학생을 대상으로 디자인해 단순하지만 어떤 서비스나 기능을 제공하는지 쉽게 알아볼 수 있습니다.
학습 대상자 본인이 직접 아바타 캐릭터를 디자인합니다.
이 캐릭터는 학습하는 동안 보조해주어 학습에 도움을 줍니다.
Contents Selection
이전 학습 이어하기와 목차 선택 중 선택해
학습을 이어할지 새로운 목차로 학습을 할지 선택 가능합니다.
Learning Page
학습 대상자는 아바타 캐릭터를 통해 학습을 진행합니다.
상호작용을 통해 학습자가 어려움을 느끼는 부분을 유연하게
극복하도록 돕는 보조 역할을 합니다.
Page 1
Page 2-1
Page 2-2
관련 내용을 체계적으로 수집·정리함으로써
한눈에 볼 수 있도록 정리했습니다.
실시간으로 업데이트 되는 과학 뉴스 기사와 연계하여
내용이 고정되는 것이 아니라 시간이 지남에 따라 정보
가 업데이트 되어 오류 내용은 수정되거나 새로운 내용
을 추가합니다.
영상으로 구성된 학습 자료를 통해 과정 설명이 필요한
내용을 이해하기 쉽게 구성하였습니다. 밑에는 영상
내용에 대한 이미지를 넣어 학습을 보조해줍니다.
Page 3
화석지의 장소와 실제 지도를 연계하여 화석지의 사진 자료뿐 아니라 지도 어플의 로드뷰처럼 생생한 이미지를 보여주어 현장감을 그대로 보여줍니다
Page 4
Learning Evaluation Page
평가 후 학습 보고서는 AI가 학습을 분석하고 평가함으로써
학습 대상자의 강점과 보완할 점을 알려주고 이와 관련하여
피드백을 남깁니다.
bottom of page