교사&학생 대상 학습행태 분석 기업,
Unkiz LMS구축
BUILD
WEB / MOBILE
Unkiz
LMS구축 프로젝트
- Client
- Unkiz 온라인 교육 플랫폼
- Date
- 2021. 11 - 2022. 01
- Type
- 창업패키지, LMS, React , 반응형 구축
Overview
Unkiz의 최상위 홈페이지 목적은 “안정적인 서버설계” 이었습니다.
Unkiz는 많은 트래픽이 몰리더라도 흔들림없는 안정적인 서버설게를 진행했어야 했으며 추후 개발을 고려하는 거시적 구조를 설계하였습니다.
또한 템플릿형 UI디자인에서 벗어난 맞춤형 디자인 & 마이크로 인터렉션을 선보였습니다.
Goal
안정적인 서버 설계
UI/UX Strategy
소통하는 디자인
사용자의 입장을 이해하고 심플한 아이콘을 활용하여 콘텐츠를 직관적으로 풀어냈습니다.
직관적인 레이아웃
대시보드의 구성을 참고하여 빠른 이동과 직관적인 정보 전달이 가능하도록 하였습니다.
친화적인 톤앤매너
사용자의 연령대를 고려하여 친화적이고 유동적인 디자인을 진행하였으며,
브랜드 컬러에 맞춰 컬러 시스템을 제작하고 적용하였습니다.
Unki
Design System
전체적으로 세련되고 현대적 스타일의 고딕체로 스마트폰 및 태블릿 같은
작은 화면의 디바이스에서도 텍스트를 보다 쉽게 읽을 수 있도록 가독성을 고려했습니다.
색상은 브랜드의 color system을 사용해 통일성을 제공합니다.
Typography
Noto Sans
Noto Sans KR
Color System
영상을 통한 학생 진단 서비스
제이콥 법칙을 따르는 UI / UX디자인
홈페이지 사용자의 강의사이트 경험을 고려하여
최대한 비슷한 UI디자인을 제공하여 홈페이지를 사용하는데 큰 불편함을 없게 기획하였습니다.
‣ 동영상 리스트 섹션
영상 HISTORY를 저장하는 기능
동영상 플레이어를 사용하는 사용자에게
HISTORY기능을 선물하여 홈페이지 사용성을 극대화하였습니다.
‣ 영상 플레이어 섹션
UNKIZ MAJOR FEATURE
엉키즈의 주요 기능인 영상 재생 도중 퀴즈 삽입으로
홈페이지 타겟층의 교육환경을 제공하였습니다.
‣ 퀴즈 & 팝업 섹션
Unkiz
Mobile Page
완벽한 WEB / MOBILE 반응형 대응
모바일에서도 텍스트 & 사진이 깨지지 않는 반응형 대응 작업을 진행해
PC와 마찬가지로 자연스러운 강의 시청이 가능하도록 만들었습니다.
