Editorial Design

An interactive reading experience combining print and digital media.

What was done:

Research

Concept Development

Wireframing

High-Fidelity Prototypes

Prototype Testing

Graphic Design

Role:

Product Designer (UX/UI)

Tools:

Figma, InDesign, Illustrator, Notion

Timeline:

8 weeks

Team:

Solo Project

Design Thinking Process guides this project through Empathize, Define, Ideate, Prototype, and Test & Iterate to create user-centered solutions.

Goal

Create an interactive reading experience that combines traditional book design with digital tools, making reading, listening, and navigating the novel intuitive and engaging.

Methods

Research included studying editorial design, typography, and modern reading behaviors across print and digital formats. This provided insight into how readers interact with text, audio, and reference tools.

Insights

Readers value the tactile experience of printed books but also appreciate digital support such as audio playback, navigation, and annotations. Combining these elements enhances engagement while preserving the essence of traditional reading.

Problem Statement

Goals

Simplify navigation through the book with a clear and intuitive layout.

Make switching between reading and audio seamless and easy to follow.

Provide helpful reference tools such as highlights, vocabulary, and annotations.

Create a hybrid reading experience that blends traditional print with digital interaction.

Deliverables

“The design is clean, immersive, and intended to support both traditional reading and digital interaction. Clear typography, navigation cues, and visual hierarchy help readers move seamlessly between text and audio references.”

Kendall Drake, Product Designer (UX/UI)

Design That Moves People: Key Insights and Outcomes

Early research and testing revealed that readers still value the tactile experience of printed books but increasingly expect digital support such as audio, navigation, and annotations. By combining these elements, the project was refined to create a reading experience that feels both traditional and contemporary.

The results showed improved readability and engagement with the content. This project reinforced that thoughtful editorial design can bridge the gap between print heritage and modern digital interaction.

Method

Tested with 6 participants across key flows: reading, audio playback, and navigation.

Findings

Readers liked the hybrid format but wanted clearer navigation and text–audio references.

Iteration

Refined hierarchy, navigation cues, and typography for smoother reading.