Project
Overview
쎄듀의 출판브랜드 쎄듀북과 쎄듀런은 수년간 교육시장에서 다져온 내공으로
독창적인 참고서 시리즈를 출간하며 출판브랜드로써 사랑받고 있습니다.
기존의 노후화된 사이트를 개선하여 사용성을 강화하고 기업의 정체성을 강조하는
새로운 플랫폼으로 탄생시키고자 하였습니다.
What we needs
쎄듀는 영어 교육 시장에서 신뢰받는 학습 콘텐츠를 제공합니다.
다양한 교재와 학습 서비스를 한 눈에 볼 수 있고 서비스를 충분히 인지할 수 있도록
사용자 경험을 개선하고자 합니다.
노후 이미지, 기능
전면 변화
- PC&모바일 최적화
- 세련된 디자인
- 최근 웹 트렌드, 방문자 특성 고려한 UI
핵심 타겟별 서비스 매력도 강화
기업 신뢰도 강화
- 선생님 수업 자료 및 교재 서비스 제공
- 학년별 맞춤형 교재 검색 서비스
- 교재와 병행하여 학습할 수 있는 강의영상 기획
커뮤니티 기능 구축
기업 정체성 강화
- 회원 DB 확보, 마케팅 활용
- 이벤트, 설문조사 등 학습 콘텐츠 및 소식 교류
- 기업 페이지를 구축하여 홍보 극대화
smart learningCedu book
스마트한 학습, 더 나은 영어 교육의 장을 제공하는 ‘쎄듀’
기존 교육 시장의 정형화된 분위기에서 벗어나 쎄듀만의 가이드로 이루어진 학습 사이트를 구축하여
사용자들이 방문할 ‘이유’가 있는 디지털&스마트 플랫폼으로 거듭나고자 합니다.
Design
Keywords
쎄듀의 아이덴티티를 잘 드러낼 수 있는 비주얼 키워드를 선정하여
이를 시각적으로 녹여낸 디자인 시스템을 설계합니다.
상단의 퀵 메뉴 배치와 명확하게 구획된 섹션 구조를 설계합니다. 사용자가 학습 자료나 교재를 찾기 위해 고민할 필요 없이, 시각적으로 흐름을 바로 이해하고 자연스럽게 행동을 유도합니다.
방대한 교재 데이터와 이벤트 정보를 사용자에게 부담을 주지 않도록 논리적인 단위(Chunk)로 쪼개어 배치한 방식입니다. 화이트와 그레이 톤의 대비, 카테고리별 탭 메뉴를 통해 정보의 가독성과 탐색 효율성을 극대화합니다.
상단의 정적인 도서 그리드(Grid) 형태에서 하단으로 내려갈수록 인물 사진, 비대칭 컬러 블록, 플레이 버튼 등 다채로운 시각적 요소를 배치해 변화를 준 구조입니다. 스크롤을 내리는 동안 사용자가 지루함을 느끼지 않도록 시각적 긴장감과 재미를 유지해 줍니다.
Design System
사이트의 완성도 높은 아이덴티티 구축을 위해 디자인 시스템을 정의합니다.
정의된 가이드는 사이트의 UI 뿐만 아니라 사용자와의 다양한 접점에 활용하도록 합니다.
Color system
Font
SUIT Sans
Outfit
Icon
Main page
view
Other pages
Sub page
심플하고 깔끔한 스타일의 UI를 서브페이지에도 적용했습니다.
직관적인 아이콘 및 그리드를 활용하여 많은 교재 정보를 효율적으로 탐색할 수 있도록 설계하였습니다.
Cedu pages
쎄듀의 브랜드 이미지를 극대화 하고 기업의 소개를 효과적으로 구성한 별도의 쎄듀 페이지를 디자인했습니다.
기업이 특별히 제공하는 서비스와 다양한 브랜드를 깔끔한 UI로 통일하여 알기 쉽게 구성했습니다.
Mobile
PC와 동일한 콘텐츠를 모바일 환경에서도
불편함 없이 최적화하여 볼 수 있도록 구성하였습니다.
Credits
Product Manager
- 쎄듀
Design
- Han SeHui
- Lee JiEun
- Kim MiJoo
Development
- Lee MinKyung
- Moon SeoHee
- Park BumUn
- Je DongKyun
- Lee InHo