sketchbook

Megastudy
books

Tag
교육/출판
Client
메가스터디북스
Links
Web Site

PROJECT
OVERVIEW

메가스터디의 출판브랜드 메가스터디북스는 수년간 교육시장에서 다져온 내공으로 독창적인 참고서 시리즈를 출간하며 출판브랜드로써 사랑받고 있습니다.
기존의 노후화된 사이트를 개선하여 사용성을 강화하고 중장기 비즈니스 확대를 위한 새로운 플랫폼으로 탄생시키고자 하였습니다.

what we need

메가스터디에서는 기존 사이트의 노후화된 디자인과 기능을 전면 개선하고,
중장기 비즈니스 확대를 고려한 플랫폼의 역할을 하는 사이트를 원했습니다.

  • 노후 이미지와 기능 전면 개선 01
  • 핵심 타겟별 서비스 매력도를 강화, 기업 신뢰도 강화 02
  • 마케팅 플랫폼 기능 구축, 중장기 비즈니스 확대 기반 03
  • 노후 이미지, 기능
    전면 변화
    • PC&모바일 최적화
    • 세련된 디자인
    • 최근 웹 트렌드, 방문자 특성 고려한 UI
  • 핵심 타겟별 서비스 매력도 강화
    기업 신뢰도 강화

    • 선생님 수업 자료 등 편의성 강화

    • 학생/학부모 맘카페 연동 브랜드 신뢰 강화

    • 저자 협업 파트너 매력도 강화

  • 마케팅 플랫폼 기능 구축
    중장기 비즈니스 확대 기반
    • 회원 DB 확보, 마케팅 활용
    • SNS 채널 연동, 최신성 유지
    • 중장기 비즈니스 확장 시 연동 플랫폼

세련된 디자인 & 중장기 비즈니스 확대를 고려한 플랫폼 기능 구축

Becoming
a
Mega Platform

전통 비즈니스 ‘출판’ 남다른 메가플랫폼, 메가스터디북스
기존 출판 시장의 정형화된 분위기에서 벗어나 메가스터디만의 남다르고 신선한 플랫폼을 구축하여
사용자들이 방문할 ‘이유’가 있는 사이트로 거듭나고자 합니다.
AS IS
도서는 서점에서 사고
홈페이지에는 특별한 기능이 없으니
방문할 이유가 없다.
TO BE
도서는 서점에서 유통되지만
메가스터디북스 홈페이지를 방문할 이유가 있다.
4

strategy

검색과
개인화

검색기능을 강화하고 맞춤형 콘텐츠를 노출,
그리고 콘텐츠 분류기능을 통해
콘텐츠 접근성이 강화된 플랫폼을 구축합니다

One-Stop
Flatform

도서 정보, 도서 검색, 학습자료, 커뮤니티 등
모든 것이 한 곳에서 구현되는 플랫폼을 구축합니다

renewal
keyword

직관적이고 심플한 UI를 적용하고, 다양한 타겟 연령층에서 쉽게 사용할 수 있는 메가스터디북스만의 세련된 플랫폼을 구현합니다.

  • 01INTUTIVE

    직관적인

  • 02EASY

    쉬운

  • 03SIMPLE

    심플한

Design
system

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

  • COLOR
    Mega Blue
    #0082FF
    Mega Black
    #111111
  • Typography
  • Icon

MEGASTUDY
BOOKS

Mega pick
메가스터디북스의 도서를 사용자에게 유용하고 재미있는 주제로 큐레이팅하여 선보입니다.
Banner
사용자가 흥미를 느낄 수 있는 콘텐츠를 배너로 배치해 지루하지 않게 구성합니다.
notice
공지사항을 카드 형태로 간결하게 전달합니다.
community
메가스터디북스의 다양한 SNS 채널을 바로가기 아이콘으로 구성합니다.
Main Slide
새로 출간된 도서 및 진행중인 이벤트 배너를 노출하여 사용자에게 지속적으로 새로운 소식을 전달합니다.
Quick menu
자주 사용하는 메뉴를 바로가기 버튼으로 노출하여 사용자의 편의성을 높였습니다.
BEst seller
도서 카테고리 별 베스트 셀러를 노출합니다.
YOutube
메가스터디북스 유튜브 채널의 동영상을 노출하여 흥미로운 콘텐츠를 전달합니다.
EVEnt
진행중인 다양한 이벤트를 보여주는 영역으로, 깔끔하고 직관적인 썸네일로 구성합니다.
나에게 필요한
맞춤 도서 검색
메인화면에 맞춤 도서를 검색할 수 있는 플로팅 버튼을 배치하여
사용자가 손쉽게 도서를 검색할 수 있도록 합니다.

Sub Page

심플하고 쉬운 UI를 서브페이지에도 적용합니다.
일러스트를 곳곳에 활용하여 재미요소를 더하고 직관적인
UI를 완성합니다.

MOBILE
PC와 동일한 콘텐츠를 모바일 환경에서도 불편함 없이
최적화하여 볼 수 있도록 구성하였습니다.

Megastudy
books

Credits

  1. Director

    • Baek GwangJong

  2. Product Manager

    • An KyungMin

  3. Design

    • Han SeHui

  4. Development

    • Joo D.H
    • Hwang KyoungHyun
    • Race
    • Lee MinKyung