Level Up Onboarding by Enhancing Info Hierarchy of Home Screen

Delitoon

Webcomics platform for French readers

Kidaristudio

7/2020 - 10/2021

100%

Overall Product Design

Diagnose

As-Is

High Drop-Off Rate in Onboarding: Overwhelming Promotions on Main Screen

The banner replaces navigation bar, repeating similar content

giving an impression of limited updates and lack of contents

Promotional banners occupy 2/3 of the main screen

causing visibility issues for actual content

Users must move the segments to find key content

making the experience less intuitive

[Voir Plus (see more)] button appears accordion-like, but redirects to weekly updates

Mes Lectures (my readings) section is located too low

making access difficult

Decode

Reframing the Information Hierarchy

Problem

The platform became overly promotion-driven, losing sight of its core business direction

Problem

The platform became overly promotion-driven, losing sight of its core business direction

Solution

Reassess and realign core values to guide both operations and sales toward a more meaningful and sustainable path

Solution

Reassess and realign core values to guide both operations and sales toward a more meaningful and sustainable path

Minimizing User Drop-off on the Main Screen

Hypothesis 1

Repetitive promotional banners fatigue users and cause them to disengage

Hypothesis 1

Repetitive promotional banners fatigue users and cause them to disengage

Solution 1

Design the top banner area so that promotional content doesn’t dominate the screen or interrupt the browsing flow

Solution 1

Design the top banner area so that promotional content doesn’t dominate the screen or interrupt the browsing flow

Hypothesis 2

Users are more inclined to explore content that feels familiar or similar to what they’ve previously enjoyed

Hypothesis 2

Users are more inclined to explore content that feels familiar or similar to what they’ve previously enjoyed

Solution 2

Enhance personalized content curation

Solution 2

Enhance personalized content curation

Design

Core Value Repositioning: Webcomics Are Also Products

Content-Sales Platform

If massive discounts aren’t possible because our products are not the mass produced in a factory, the products(contents) must look appealing at first glance

Benchmark commercial platforms to focus on "sales"

Reconstructing wireframes with re-prioritized content hierarchy

Solution 1

Avoid User Fatigue from Repetitive Banners

Iteration

Problem with Large Banners

When a single large banner is displayed, users might miss that there are multiple ongoing promotions

Problem with Large Banners

When a single large banner is displayed, users might miss that there are multiple ongoing promotions

Better Use of Space Between Content Sections

The space between content can be used more effectively to promote various ongoing events. This helps users distinguish between different types of content more clearly

Better Use of Space Between Content Sections

The space between content can be used more effectively to promote various ongoing events. This helps users distinguish between different types of content more clearly

Banner Carousel Shows Multiple Promotions

Swipable banners inform users that several promotions are available

Banner Carousel Shows Multiple Promotions

Swipable banners inform users that several promotions are available

Direct Access to Categories

Easy access to new releases(nouveau), calendar(calendrier), and genres helps users find content faster

Direct Access to Categories

Easy access to new releases(nouveau), calendar(calendrier), and genres helps users find content faster

To-Be

Solution 2

Enhance Personal Curation

Iteration

Out of the Segments

Recommendations were previously hidden under different segments, which made them less accessible. The new design brings them to the forefront for easier engagement.

Out of the Segments

Recommendations were previously hidden under different segments, which made them less accessible. The new design brings them to the forefront for easier engagement.

No More Banner Clutter

Banners are now placed more strategically to better reflect user needs, rather than filling space aimlessly.

No More Banner Clutter

Banners are now placed more strategically to better reflect user needs, rather than filling space aimlessly.

Personalized Curation

Based on a user's previous preferences and reading history, the system recommends series or genres that align with their tastes

Personalized Curation

Based on a user's previous preferences and reading history, the system recommends series or genres that align with their tastes

Popular Titles

Popular titles are placed at the top for easy access.
For new users without much data, the system displays trending titles first, ensuring immediate engagement.

Popular Titles

Popular titles are placed at the top for easy access.
For new users without much data, the system displays trending titles first, ensuring immediate engagement.