Duration
Spring 2022 ~ Summer 2023
Role
Product Designer
For
An accessible, diverse, and legal manga reader
Kick starter funding
Collaborators
Gaby Ruiz, Vicky Wang
OVERVIEW
SNIIP: A hub of Manga Contents
With $2000 in funding, SNIIP revamped manga reading for Western audiences on a mobile platform, prioritizing accessibility, diverse content, and overcoming streaming and legal challenges.
MY ROLE
Product Design Intern
With two designers, I co-led interface designs, new product features, user research, and design systems. I collaborated closely with developers from Oracle and UC San Diego asynchronously to ship features such as, customized libraries, algorithmic feed, and purchase method.
01. Overview
Main features and their purposes
HIGH LEVEL PROBLEM / CHALLENGE
Manga Readers face the lack of a reliable and accessible platform
Why is this an important problem to address?
Many Manga websites are illegal, and they often crash
Intrusive ads disturb reading experiences with no accessibility on mobile
Only 10% of Manga is exported to western market due to lack of host platforms
There is less chance for both the artists and readers to provide and consume in the market
FINAL SOLUTION
Mobile Manga Platform
Introducing SNIIP, a personalized, faster, and accessible manga platform
ONBOARDING
Picking Genres
Onboarding lets users choose favorite genres for personalized manga suggestions on the homepage.
Log in
Username
Password
Log in
Forgot password?
Remember me
Sign up
Or
Free daily chapters
Each day, you will discover a new chapter waiting for you, completely free of charge. It's a perfect way to sample different manga series, get hooked on captivating stories, and find new favorites.
Sign up
Create account
Help us generate your feed
Pick your favorite genres
Skip
Horror
Action
School
Fantasy
Comedy
Adventure
Drama
Romance
Slice of Life
SAVING & SUBSCRIBING
Personal Libraries
Users can add/delete manga in libraries, creating multiple categories based on their preferences.
My Library
Horimiya
Hero
Updated 7/23/23
My Teen Romantic Comedy
SNAFU
Updated 5/14/20
A Side Character Love Story
Akane Tamura
Updated 4/16/23
Demon Slayer
Kimetsu No Yaiba
Updated 6/27/23
Recent
Subscribed
Purchased
Favorites
Downloaded
Home
Explore
My Library
Account
9:41
EXPLORING
Reading and Author Pages
Explore manga authors and their works on the author page. Leave comments at the end of each episode to share thoughts on the stories.
I love this so much!!! I can’t wait for the update!
LeafyGreens
06/08/2019
4.5
23 Replies
50
4
prodnct
04/08/2019
The family dramatic is what keeps me going. Anya is so cute <3<3 hehehe cant wait for the update,, I can’t wait for the anime. Also what a power couple they better stay together!! >(( ANYA, LOID, YOR, BOND, YURI, DAMIAN, FRANKY, AND BECKY GAVE THIS MANGA SO MUCH LIFE!
68 Replies
5.0
89
2
Top Comments
Subscribe
Next Episode
Chapter 8
340
20
Mission 7
9:41
9:41
Tatsuya Endo
Author of SPYxFAMILY. I can't reply to comments, DMs, etc., but I am grateful to read them. For work inquiries, please contact the Jump + editorial department or the editor in charge.
linktree.com/Uibjhb!23
Works
Follow
Tista
Ch. 60
5k
Ch. 7
Shiho Yugi
5k
Ch. 56
Blade of the...
5k
SPYxFAMILY
Ch. 8
5k
5k
Ch. 5
I Spy
Ch. 9
Rengoku No...
5k
Home
Explore
My Library
Account
Top Comments
prodnct
04/08/2019
The family dramatic is what keeps me going. Anya is so cute <3<3 hehehe cant wait for the update,, I can’t wait for the anime. Also what a power couple they better stay together!! >(( ANYA, LOID, YOR, BOND, YURI, DAMIAN, FRANKY, AND BECKY GAVE THIS MANGA SO MUCH LIFE!
4 Replies
5.0
89
2
Reply
happy
yeaa hahahahah
04/23/2019
89
2
lucky
so exciteddd omgg
04/23/2019
89
2
mike
so exciteddd omgg
04/23/2019
89
2
Name
I love the art style <3 I hope it updates soon!!!
04/23/2019
0
0
I love this so much!!! I can’t wait for the update!
LeafyGreens
06/08/2019
4.5
23 Replies
50
4
2 Replies
12
2
bowlcutHere
05/05/2019
5.0
i love this family specially their daughter is just too funny hahahahah Shes very VERY INTERESTING FELLOW. So does her Pa and Ma. I love em both
prodnct
04/08/2019
The family dramatic is what keeps me going. Anya is so cute <3<3 hehehe cant wait for the update,, I can’t wait for the anime. Also what a power couple they better stay together!! >(( ANYA, LOID, YOR, BOND, YURI, DAMIAN, FRANKY, AND BECKY GAVE THIS MANGA SO MUCH LIFE!
68 Replies
5.0
89
2
I love this so much!!! I can’t wait for the update!
LeafyGreens
06/08/2019
4.5
23 Replies
50
4
2 Replies
12
2
bowlcutHere
05/05/2019
5.0
i love this family specially their daughter is just too funny hahahahah Shes very VERY INTERESTING FELLOW. So does her Pa and Ma. I love em both
prodnct
04/08/2019
The family dramatic is what keeps me going. Anya is so cute <3<3 hehehe cant wait for the update,, I can’t wait for the anime. Also what a power couple they better stay together!! >(( ANYA, LOID, YOR, BOND, YURI, DAMIAN, FRANKY, AND BECKY GAVE THIS MANGA SO MUCH LIFE!
68 Replies
5.0
89
2
I love this so much!!! I can’t wait for the update!
LeafyGreens
06/08/2019
4.5
23 Replies
50
4
2 Replies
12
2
bowlcutHere
05/05/2019
5.0
i love this family specially their daughter is just too funny hahahahah Shes very VERY INTERESTING FELLOW. So does her Pa and Ma. I love em both
prodnct
04/08/2019
The family dramatic is what keeps me going. Anya is so cute <3<3 hehehe cant wait for the update,, I can’t wait for the anime. Also what a power couple they better stay together!! >(( ANYA, LOID, YOR, BOND, YURI, DAMIAN, FRANKY, AND BECKY GAVE THIS MANGA SO MUCH LIFE!
68 Replies
5.0
89
2
I love this so much!!! I can’t wait for the update!
LeafyGreens
06/08/2019
4.5
23 Replies
50
4
2 Replies
12
2
bowlcutHere
05/05/2019
5.0
i love this family specially their daughter is just too funny hahahahah Shes very VERY INTERESTING FELLOW. So does her Pa and Ma. I love em both
9:41
SEARCHING
Browsing Manga
App showcases manga via genre rankings, personalized suggestions, and daily/weekly top picks.
Top Five
1.
Demon Slayer
Kimetsu No Yaiba
4.5
3.2k
2.
Horimiya
Hero
4.5
3.2k
3.
My Teen Romantic Comedy
SNAFU
4.5
3.2k
4.
A Side Character Love Story
Akane Tamura
4.5
3.2k
5.
Tokyo Ghoul
Sui Ishida
4.5
3.2k
Genres
All
Action
Adventure
Romance
Slice of Life
Comedy
Horror
Drama
Aka Akasaka
Kaguya-Sama...
60
1.3k
Akane Tamura
A Side Chara...
56
5k
Adachitoka
Noragami
127
3.2k
Sui Ishida
Tokyo Ghoul
78
500
SPYxFAMILY
Tatsuya Endo
8
7.6k
Hiroki Adachi
Horimiya
60
3.2k
Natsuki Takaya
Fruit Basket
56
5k
Tatsuki Fujimoto
Chainsaw Man
127
10k
Demon Slayer
Koyoharu Gotouge
120
8k
Search
My Teen Ro...
SNAFU
Manga 2
Author
Manga 3
Author
Demon King
Daimao
Is This A Zombie?
Author
Comedy
1.
2.
3.
4.
5.
Romance
Horimiya
Hero
1.
A Side Character...
Akane Tamura
2.
Doughnuts
Shiousui
3.
Fruits Basket
Natsuki Takaya
4.
Love is War
Kaguya-Sama
5.
Action
Demon Slayer
Kimetsu No Yaiba
1.
One Piece
Jump Comics
2.
Manga 3
Author
3.
Spy x Family
Tatsuya Endo
4.
Tokyo Ghoul
Sui Ishida
5.
Explore Rankings
Home
Explore
My Library
Account
9:41
02. Research
Define, Narrow, and Explore
HIGH LEVEL PROBLEM
Manga Publishing in Japan in Western Countries
Huge gaps in the updates of episodes
Unfamiliarity with digital tools among publishers
Lack of artists due to requirements of long training and expertise
Illegal exports of manga into western countries through snapshots
Lack of editors to translate the manga
#2 HOW CAN WE QUESTION
How do we attract more readers and artists in the scene?
Let more opportunities for small hidden authors to create Manga
Open up interactions between authors and readers
Make the updates more frequent to keep users engaged
Co-create values for publishers, artists, and readers
DESKTOP DESIGN
Rooms for Improvements
The original design team consisted of developers and marketers with little UX design knowledge and skills. The team of myself and two other designers took the role of revitalizing the old desktop design and potentially devising a mobile design for the product.
INTERVENTION
Landing Page
Onboarding lets users choose favorite genres for personalized manga suggestions on the homepage.
FORMAL RESEARCH
Competitive Research
Five platforms struggled with connectivity and lacked personalized manga content leading to a static and disengaging user experience.
PRIMARY RESEARCH
Semi structured Interviews, Surveys
Utilizing Zoom interviews and Google surveys, out primary research focused on understanding the preferences and experiences of manga readers in college, both online and offline. Additionally manga publishers were interviewed.
INSIGHTS
Main Insights from Interviews
Through extensive interviews, we gained valuable insights into the challenges and pain points experienced by current manga enthusiasts using mobile and desktop platforms
I want to simply go to a site, select manga, and start reading it.
I don’t want to go to suspicious sites with a bunch of ads......I wish I could view manga just like I check weather on my phone
Watching is manga is such a hassle if you don’t own a hardcopy.......It takes a lot of effort to find an intact chapter online.
Users want to be able to freely communicate with each other when they enter the virtual space.
A lot of mangas are imported into western platforms through illegal downloading
My phone keeps getting alerts while I am reading manga.... I wish I could watch manga without interruptions of weird caution messages
I have noticed that the IP addresses of manga websites change all the time... Often I need to search a connecting site with a distinct link that leads to the actual site.
Users want a stable platform without legalization and stability issues
Manga has a very irregular update terms in between episodes... I wish it was easier to follow up
The existing platforms do not feel personalized enough to give me updates on manga I like... they feel like platforms that simply put all available manga together
I do not want to miss out on manga updates since these authors update manga without notifying the market or the readers beforehand. Also, it is likely readers have to wait long.
Users would like to get instant updates in the notifications to find who liked or followed their spaces or accounts.
Existing manga/cartoon platforms feel very limited in terms of genre updated
There are not enough filters that could separate the groupings of manga. this makes the platforms less personalized.
Youth is not used to writing resumes and conducting interviews.....Informal methods of application like phone calls or dms on social media can recruit more youth,
Users want clear categories and genres that they can access better
DEFINING SCOPE
Narrowing the Problem Space
Having identified user pain points, our team expanded the scope to delve into the root causes. This broader investigation revealed that the issues stemmed from the following underlying problems.
Many lucrative manga contents remain untapped in the Western market
Limited platforms for accessible and stable manga reading
HOW CAN WE QUESTION
How Can We make a mobile manga reading platform that....
Does not crash
Eliminates intrusive advertisements
Allows legal distribution of contents
03. Design Process
Ideating, testing, and iterating
How can we minimize the user effort in reading manga with...
SOLUTIONS
Gamification, Personal Libraries, Author Page
Gamification
Gamify the onboarding process to emphasize the customizing feature for users’ manga preferences
Personal Libraries
Libraries that can be categorized with different manga selections according to the user’s intentions
Author Page
More updates on episodes of saved manga from authors for the viewers as well as diverse ways of interaction amongst the artists and the audiences
More interactions with artists
Customizing features based on user preferences
PROTOTYPING
Team Sketching
2 rounds
Sketching important pages: Main Feed. Author Page, Reading Page, Manga Page, Profile Page, Explore Page, and Library Page
Synthesizing the sketches to narrow down specific components and layouts
PROTOTYPING
Home Page
Gallery of popular manga
Continue reading feature
Personalized series features
Recommended manga
Explore Author compotnent
Genre pick
Explore Rankings
PROTOTYPING
Author Page
Profile Picture
Bio
Follow
Socials
Works
PROTOTYPING
Library Page
Mini Nav bar
Manga contents
Add Manga button
Download button
PROTOTYPING
Manga Page Sketch
Manga’s detailed information
Sharing and Commenting
Subscribing
PROTOTYPING
User Flow
Beyond functionality, we devised a User Flow map with icons and diverse in our prototypes—crucial for a functional end product.
USER TEST: CONTEXTUAL INQUIRY
User Test #1
We Zoom-tested manga users, pinpointing micro-pain points: complex search and messy libraries. Adapted our prototype for a more user-friendly manga experience
PROTOTYPING
Low fidelity prototype
USER TEST: CONTEXTUAL INQUIRY
User Test #2
In the second round, we refined our prototype using the Wizard of Oz technique in Figma. Users verbally shared thoughts as they interacted, providing insights on the evolving design.
USER TESTING
Manga Page
Better Space Utilization
Resizing Components
Adding a summary overlay
USER TESTING
Library Page
Edited Add Button
Avoided pixel crowding
Less Color for highlights
04. Final Designs
ONBOARDING
Gamified steps to
sign up, pick genres, and create an account
RECOMMENDED SEARCHING
Continue reading, see your series, discover recommendations, and explore rankings
MANGA & AUTHOR PAGE
View ratings and likes, subscribe, discover authors, and share with your friends
READING & COMMENTING
Read, comment and interact on episodes where you left off,
PERSONALIZED LIBRARY
Create your collections, search and add manga
04. Final Designs
