미래엔 초코 홈페이지 구축 - sketchbook

미래엔 초코

Tag: 교육
Client: 미래엔
Role: Design, Development
Links: Web Site

overview

미래엔 초코는 초등학생을 위한 온라인 학습 플랫폼으로,
AI 맞춤 학습과 인터랙티브 콘텐츠를 통해 쉽고 재미있는 학습을 제공합니다.
채도 높은 컬러를 활용하고 각 영역 별로 인터렉션 요소를 적용하여 생동감 있는
느낌을 전달하는 타입입니다.

What We Need

미래엔 초코의 핵심 가치를 학부모와 교사(또는 교육기관)에게 효과적으로 전달하여,
학습 지원 도구로서의 신뢰를 구축하고 서비스 이용을 유도함으로써 고객층을 확대하고
브랜드 인지도를 강화하는 것을 목표로하여 홍보 사이트 리뉴얼을 진행하였습니다.

01 열심히 공부하는 학생: 초등학생의 눈높이에 맞는 재미요소를 통해 악기 수업을 즐길 수 있도록 함

02 수업을 진행하는 선생님: 학생들과의 원활한 소통과 수업 관리를 위한 기능 제공

03 학생을 관리하는 학부모: 수업 진행 전 과정에 대한 프로세스를 고려한 수업 및 강사 관리 기능 제공

Design system

사이트의 완성도 높은 아이덴티티 구축을 위해 디자인 시스템을 정의합니다.
정의된 가이드는 사이트의 UI 뿐만 아니라 사용자와의 다양한 접점에 활용하도록 합니다.

Color

Choco

#5A371E

Choco Pink

#FF8296

Choco Black

#111111

Choco Gray

#F3F3F3

Typography

Regular가르침은 깊어지고, 배움은 더 넓어집니다.

Extra Bold가르침은 깊어지고, 배움은 더 넓어집니다.

Icon

미래엔 초코

LAYOUT: 진행 중인 프로모션 및 이벤트 배너를 노출하여 지속적으로 미레엔 초코의 새로운 소식을 제공합니다.

BANNER: 클릭시 즉시 넘어가는 배너를 활용해 사용자의 접근성을 높입니다.

MOdulariation: 다양한 학습의 소개를 모듈을 사용해 핵심이 되는 내용을 구분하여 구성하고효율으로 정보를 전달합니다.

TAP: 서비스의 강점을 요약하여 탭 형태로 자동 전환되며 시각적으로 제공합니다

REVIEW: 실제 사용자들의 생생한 경험담을 통해 신뢰를 더합니다.

Button: 사용자의 구독 유도를 위해 Call to Action 버튼을 배치합니다.

Point 1

여러가지 프로세스를 사용자가 이해하기 쉽게
구조화하여 표현하였습니다.

Point 2

일러스트를 곳곳에 활용하여 재미요소를 더하고
아이텐티티를 더해 직관적인 UI를 완성합니다.

Point 3