Brand & Digital

More than you can ever imagine: 2022 textbook revision by Dong-A Publishing Co., Ltd.

Client
Dong-A Publishing Co., Ltd.
Category
Brand, Digital
Services
Content Design, Film & Motion, Website, Platform, UX/UI
Scope
Content Strategy, UX Strategy, Mobile Site Design, Website Design, Style Guide, 2D Motion Graphics, Graphic Design, Illustration
Year
2024

To effectively promote the 52 updated Dong-a Publication textbooks, we have developed a UX/UI strategy centered around our main target audience: teachers. We designed an intuitive structure to ensure that teachers can easily navigate and find the textbook information they need. Additionally, we incorporated design elements to maximize the visibility of high-quality content. We also emphasized the usability of the Douclass platform, allowing teachers to experience firsthand how convenient it is to access and utilize the textbook content.

상상 이상의 즐거움 2022 개정 교육과정 동아출판 교과서 우리는 52종의 개편된 동아출판 교과서를 효과적으로 홍보하기 위해 메인 타깃인 선생님들을 중심으로 UX/UI 전략을 수립하였습니다. 선생님들이 원하는 교과서 정보를 손쉽게 탐색할 수 있도록 직관적인 구조를 설계하였고, 양질의 콘텐츠에 대한 주목도를 극대화하기 위한 디자인적 요소들을 반영하였습니다. 또한 두클래스 플랫폼의 편리함을 직접 경험할 수 있는 사용성을 강조하여, 선생님들이 더욱 쉽게 교과서 콘텐츠에 접근하고 활용할 수 있도록 구성하였습니다.

Expanding the brand identity

We expanded the existing Dong-a Publication logo by developing shape motifs and color palettes tailored to different school levels, differentiating designs for elementary, middle, and high schools. By incorporating geometric fragments with kinetic motion, we visually represent the characteristics of each educational stage.

브랜드 아이덴티티의 확장. 기존 동아출판의 로고를 확장한 형태의 쉐입 모티프와 컬러 팔레트를 도출하여, 각 학교급별로 차별화된 디자인을 적용해 구분하였습니다. 기하학적인 조각 형태를 기반으로 키네틱 모션을 더해, 초등, 중학, 고등 단계의 특성을 시각적으로 표현하며, 명확한 브랜드 커뮤니케이션을 구축하였습니다.

This design approach establishes clear brand communication, symbolizing the dynamism of the learning process while emphasizing the brand's innovative and creative image through a consistent yet flexible visual flow.

이 디자인 요소는 학습 과정의 역동성을 상징하며, 일관되면서도 유연한 시각적 흐름을 통해 브랜드의 혁신적이고 창의적인 이미지를 강조합니다.

INTEGRATED MAIN PAGE
MAIN PAGE
Detail Page
Detail Page

The introductory video showcasing the unique concept of textbooks for each educational level sparks curiosity and transforms the existing Dong-a Publication image from the moment viewers enter. By blending various audiovisual elements, the video vividly conveys the educational value of the textbooks and invites learners to preview the new experiences they will encounter. This approach enhances the joy and engagement of learning while presenting an innovative and creative educational environment that deviates from traditional methods.

학교급별 교과서의 독창적인 컨셉을 한눈에 보여주는 인트로 영상은 호기심을 자극하며, 진입과 동시에 기존 동아출판의 이미지를 새롭게 탈바꿈시킵니다. 다양한 시청각적 요소가 어우러져 교과서의 교육적 가치를 생동감 있게 전달하며, 학습자가 마주할 새로운 경험을 미리 체험할 수 있도록 유도합니다. 이를 통해 학습의 즐거움과 흥미를 더욱 강화하고, 전통적인 교육에서 벗어난 혁신적이고 창의적인 학습환경을 표현했습니다.

Product centered design

To highlight the 52 different textbook images, we utilized design elements from each textbook as backgrounds, ensuring that their unique characteristics blend naturally with the visuals. This approach emphasizes the core visual identities of each textbook, visually representing their content's distinctiveness and originality. By organically integrating design elements with the imagery, the visuals capture the viewer's attention and clearly convey the textbooks' messages, effectively communicating their educational value.

프로덕트 중심의 디자인. 52종의 교과서 이미지를 돋보이게 하기 위해 각 교과서 속의 디자인 요소를 배경으로 활용하여, 교과서의 고유한 특징들이 이미지와 자연스럽게 어우러지도록 가시화하였습니다. 이를 통해 각 교과서의 핵심적인 시각적 아이덴티티를 강조하면서, 내용의 차별성과 독창성을 시각적으로 표현하여 교과서가 가진 학습적 가치를 더욱 효과적으로 전달합니다. 디자인 요소들이 이미지와 유기적으로 결합되어 사용자의 시선을 끌고, 동시에 교과서의 메시지를 명확하게 전달하는 비주얼 경험을 제공합니다.

We visually emphasized key information related to the textbooks by placing it prominently at the top, allowing users to grasp the essential content at a glance. The three-dimensional imagery of the new textbooks facilitates intuitive understanding, while videos featuring the lead authors and contributors further highlight the textbooks' expertise and credibility. This design approach naturally guides users to recognize and appreciate the value of the textbooks.

교과서와 연관된 주요 정보를 시각적으로 강조하며 상단에 배치하여, 사용자들이 핵심 내용을 한눈에 파악할 수 있도록 구성하였습니다. 새로운 교과서의 입체적인 이미지를 통해 직관적으로 파악할 수 있게 하였으며, 대표 저자 및 집필진의 영상을 함께 제공하여 교과서의 전문성과 신뢰도를 시각적으로 강조하였습니다. 이러한 디자인적 접근을 통해 교과서의 가치를 자연스럽게 인식하도록 유도하였습니다.

Unique content structure

To effectively communicate the strengths of Dong-a Publication textbooks, we structurally divided key elements such as textbooks, teacher's guides, instructional manuals, and Douclass resources. An intuitive navigation system was designed to allow users to explore these elements progressively. This structured layout enhances information accessibility and provides an engaging user experience with QR videos, QR resources, and practical Douclass usage tips. The design elements are seamlessly integrated to ensure efficient information delivery and clearly highlight the strengths of the textbooks.

차별화된 콘텐츠 정보 구조. 동아출판 교과서의 강점을 효과적으로 전달하기 위해 교과서, 선생님 교과서, 지도서, 두클래스 등 주요 요소들을 구조적으로 나누고, 사용자가 각 요소를 점진적으로 탐색할 수 있도록 직관적인 네비게이션을 설계하였습니다. 이러한 짜임새 있는 구성은 정보 접근성을 높여주며, QR 영상, QR 자료, 그리고 두클래스 활용법을 적극적으로 제시하여 학생과 선생님 모두가 쉽게 활용할 수 있는 사용자 경험을 제공합니다. 디자인 요소가 유기적으로 결합되어 효율적인 정보 전달과 교과서의 강점을 명확하게 드러냅니다.

To implement diverse content for each textbook in a consistent tone and manner, we utilized standardized templates to systematically categorize content structures and ensure uniformity in information presentation. This approach preserves the unique characteristics of each textbook while maintaining consistency in the information delivered to users, resulting in an optimized design for content delivery. The design harmonizes visual elements with content, enhancing the individuality of each textbook while making the user experience intuitive and convenient.

교과서별로 다양한 콘텐츠를 일관된 톤앤매너로 구현하기 위해, 공통화된 템플릿을 활용하여 콘텐츠 구조를 체계적으로 분류하고, 정보의 표현을 통일감 있게 구성하였습니다. 이를 통해 교과서별 특징을 살리면서도, 사용자에게 전달되는 정보의 일관성을 유지하여 콘텐츠 전달에 최적화된 디자인을 완성하였습니다. 시각적 요소와 콘텐츠가 조화를 이루는 이 디자인은 각 교과서의 개성을 살리면서도, 사용자 경험을 직관적이고 편리하게 만들어줍니다.

Credits

Lead AgencyDFYPartner AgencySoft Squared

Project ManagementSohn YeseulStrategic PlanningSon JuheeUX PlanningKim YujinLee GoeunDesign DirectionKim SoheeArt DirectionLee AhhyunDesignKim MinchaePark SeongeunHwang JinhoPublishingKim DongheeOh HyunsuHa Hyemin