sketchbook

MIREAN AI
digital book
Tag
교육/출판, 프로모션
Client
미래엔
Links

Projectoverview

미래엔은 1948년에 설립된 대한민국 최초의 교과서 발행사로,
출판과 콘텐츠 개발을 선도하는 기업입니다.
미래엔 AI 디지털 교과서의 장점은 그대로 살리되 단점이 되는 키워드는
장점으로 승화시킬수있도록 사이트 컨셉을 기획하였습니다.

WHAT WE NEED

미래엔에서는 AI 디지털 교과서의 장점은 살리되,
교사가 쉽고 간편하게 이해할 수 있도록 직관적인 설명을 하는 사이트를 원했습니다.

simply
누구나 쉽게 사용하는
convenient
복잡하지 않은 편리함
Intuitively
이해를 위한 직관적인 설명
복잡하고 어려운 기능이 아닌,
누구나 쉽고 간편하게 사용할 수 있는 미래엔 aI 교과서
교과서에 AIDT를 더하세요.
가르침은 깊어지고,
배움은 더 넓어집니다.
AIDT

Design
keywords

신비롭고 몽환적인 느낌의 톤앤매너로 AI가 가진 초현실적인 느낌을 전달합니다.
명확하고 직관적인 레이아웃과 밝은 분위기로 AI 디지털교과서가 만들어내는 가능성과 신뢰감을 표현합니다.

Dreamlike
몽환적인
convenient
편리한
Intuitively
직관적인

Design
system

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

Color
AIDT PURPLE
#5650FF - #AF4BFF
AIDT Black
#000000
AIDT WHITE
#F5F7FD
Typography
SUIT
regular

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

Extra Bold

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

MIREAN AI
digital book
Main

신비롭고 몽환적인 느낌의 톤앤매너로
AI가 가진 초현실적인 느낌을
전달합니다.

Slide MOTION

교과서의 개정 과정을 자연스럽게
연결하여 변화하는 교육의
역사를 매끄럽게 표현하였습니다.

menu

GNB영역의 사이즈를 줄여 컨텐츠의
내용에 집중할 수 있도록 하였습니다.

INTRIDUCE

첨단기술을 연상시키는 그래픽과 보라색
계열의 색상을 활용해 친근하면서도
기술적인 이미지를 강조하였습니다.

MOdulariation

상황에 맞게 실용성과 장식성을 모두
갖춘 UI설계를 통해 운영의 용이함을
고려합니다.

simple module

핵심이 되는 내용을 구분하여 구성하고
상세 정보는 통합하여 제공하여
효율으로 정보를 전달합니다.

consistency

모듈화 된 컴포넌트, 디자인 시스템을
통해 정보의 통일성을 제공합니다.

Banner

사용자가 흥미를 느낄 수 있는 콘텐츠를
배너로 배치해 지루하지 않게
구성합니다.

정확한 정보 전달

서브페이지의 균일한 톤앤매너와 초등, 중등, 정보 페이지를
일관된 디자인으로 구성하였습니다.

체계적이고 간단한 UI

학급별 동일한 컨텐츠를 통일된 경험으로 제공하고
일관된 UI를 통해 체계적으로 정보를 전달합니다.

실제와 같은 사용

교과서의 팁과 예시 자료를 영상으로 구연해 더욱 쉬운 이해를 돕습니다.

MIREAN AI
digital book

Credits

  1. Director

    • Baek GwangJong
  2. Product Manager

    • An KyungMin
    • MIREAN
  3. Design

    • Han SeHui
    • Kim MiJoo
  4. Development

    • Race
    • Moon SeoHee
    • Ahn JungHyun