02
02
02
Aniplay
Aniplay
UX/UI Case Study
UX/UI Case Study
What is Anime?
What is Anime?
Anime is a Japanese term for animation. Outside of Japan and in English, anime refers specifically to animation produced in Japan. It describes all animated works, regardless of style or origin.
Anime is a Japanese term for animation. Outside of Japan and in English, anime refers specifically to animation produced in Japan. It describes all animated works, regardless of style or origin.
Problem Statement
Problem Statement
As there is a boost in people watching anime around the world, they tend to find a suitable source for it. However, users are not able to find any appropriate app and are forced to utilize illegal sources.
As there is a boost in people watching anime around the world, they tend to find a suitable source for it. However, users are not able to find any appropriate app and are forced to utilize illegal sources.
Here are some of the problems that users face:
Here are some of the problems that users face:
Unable to watch anime for free and legally
Unable to watch anime for free and legally
Cannot find every anime from a single platform
Cannot find every anime from a single platform
Apps contain vague interface and not user-friendly
Apps contain vague interface and not user-friendly
Cannot download episodes legally
Cannot download episodes legally
Cannot find upcoming anime schedule
Cannot find upcoming anime schedule
Have to check filler episodes from other sources
Have to check filler episodes from other sources
(Project Duration: 5 weeks)
(Project Duration: 5 weeks)
Solution-Aniplay
Solution-Aniplay
Aniplay is the one and only platform for anime lovers which will provide every anime in existence to watch totally for free. Moreover, it also provides tons of features which will enable a great experience for the user.
Aniplay is the one and only platform for anime lovers which will provide every anime in existence to watch totally for free. Moreover, it also provides tons of features which will enable a great experience for the user.
Aniplay provides free access to watch any anime legally
Aniplay provides free access to watch any anime legally
A single platform to watch anime
A single platform to watch anime
User-friendly environment and wonderful interface
User-friendly environment and wonderful interface
Download episodes for offline access
Download episodes for offline access
Get notifications for every upcoming anime
Get notifications for every upcoming anime
Added a filler tag for every filler episode
Added a filler tag for every filler episode
DESIGN PROCESS
empathize
Define
ideate
design
prototype
DESIGN PROCESS
empathize
define
ideate
design
prototype
User Personas
To be able to watch any anime for free
“Watching anime is kind of a hobby for me and I love it”
Goals
Frustrations
Getting entertainment after work by watching anime.
Becomes frustrated due to filler episodes
Do not want ads to pop-up frequently (if any)
Prit Vanjara
Prit is a very time managing person who schedules everything very consistently. He has a great bond with watching anime series. He loves to sketch characters from various anime series.
Age: 21 years
Education: B.E. Computer Science
Hometown: Gandhinagar
Bio
To access every anime on one platform
“Anime is the greatest source of entertainment for me
and it has become a part of my life”
Goals
Frustrations
To watch all of the greatest anime ever created
Not so good interface of current anime apps
Spending money to watch anime series legally
Jill Patel
Jill is a computer engineering student with a lot of interset in Animation and VFX. He spends around 3-4 hours daily to watch anime and likes to share them with friends.
Age: 20 years
Education: B.E. Computer Science
Hometown: Ahmedabad
Bio
Empathy Map
Says
Does
Feels
Thinks
“I mostly like every category
of anime”
“I’d love to find an app in which
I can watch anime for free”
“I do not trust every app or site to
watch anime which are not legal yet”
“I’d like to get info about trending anime”
“I like to watch anime daily”
“I mostly watch action and thriller anime”
Legal apps are expensive
would like to watch anime for free
would love to watch anime without
any interruption
knowing filler episodes beforehand
saves a lot of time
Every anime should be provided on
a single platform.
watches anime on illegal sites
by turning ad blocker ON
streams anime rather than
downloading on device
Uses different platforms to
watch anime of various genre
surfs through other sites to check
for filler episodes
sad when not get to watch anime
for free
worried about accessing paid anime
worried about chances of virus getting
into system due to illegal sites
frustrated when have to utilize different
platforms to watch anime
worried about wasting time by accidently
watching filler episode
Prit/Jill
User Journey Map
Action
Visit Homepage
Browse Anime
Select Anime
Watch Episode
Task List
Feeling
adjective
improvement
opportunities
A. Search in
search bar
B. Search in
browse section
A. Open Aniplay
app
A. Tap on anime
of choice
A. Tap on play to
watch episode
Excited
Overwhelmed
Confused
Frustrated
Continue
watching section
Trending section
New releases
Provide genre
Show popular
searches
Show different
section for
movies
Show category
of anime
Show ratings
Show audio type
Show filler tag
Show title
of episode
🤩
🥵
🤔
😫
User Personas
“Watching anime is kind of a hobby for me and I love it”
Goals
Frustrations
Getting entertainment after work by watching anime.
Becomes frustrated due to filler episodes
To be able to watch any anime for free
Do not want ads to pop-up frequently (if any)
Prit Vanjara
Prit is a very time managing person who schedules everything very consistently. He has a great bond with watching anime series. He loves to sketch characters from various anime series.
Age: 21 years
Education: B.E. Computer Science
Hometown: Gandhinagar
Bio
“Anime is the greatest source of entertainment for me
and it has become a part of my life”
Goals
Frustrations
To watch all of the greatest anime ever created
Not so good interface of current anime apps
To access every anime on one platform
Spending money to watch anime series legally
Jill Patel
Jill is a computer engineering student with a lot of interset in Animation and VFX. He spends around 3-4 hours daily to watch anime and likes to share them with friends.
Age: 20 years
Education: B.E. Computer Science
Hometown: Ahmedabad
Bio
Empathy Map
Says
Does
Feels
Thinks
“I mostly like every category
of anime”
“I’d love to find an app in which
I can watch anime for free”
“I do not trust every app or site to
watch anime which are not legal yet”
“I’d like to get info about trending anime”
“I like to watch anime daily”
“I mostly watch action and thriller anime”
Legal apps are expensive
would like to watch anime for free
would love to watch anime without
any interruption
knowing filler episodes beforehand
saves a lot of time
Every anime should be provided on
a single platform.
watches anime on illegal sites
by turning ad blocker ON
streams anime rather than
downloading on device
Uses different platforms to
watch anime of various genre
surfs through other sites to check
for filler episodes
sad when not get to watch anime
for free
worried about accessing paid anime
worried about chances of virus getting
into system due to illegal sites
frustrated when have to utilize different
platforms to watch anime
worried about wasting time by accidently
watching filler episode
Prit/Jill
User Journey Map
Action
Visit Homepage
Browse Anime
Select Anime
Watch Episode
Task List
Feeling
adjective
improvement
opportunities
A. Search in
search bar
B. Search in
browse section
A. Open Aniplay
app
A. Tap on anime
of choice
A. Tap on play to
watch episode
Excited
Overwhelmed
Confused
Frustrated
Continue
watching section
Trending section
New releases
Provide genre
Show popular
searches
Show different
section for
movies
Show category
of anime
Show ratings
Show audio type
Show filler tag
Show title
of episode
🤩
🥵
🤔
😫
IDEATE
Lo-Fi Wireframes
I created low-fidelity wireframes and after some iterations, here are some final versions:
9:41
Play
Download
Forgot password?
LOGO
Login
Create new account
OR
Email or Username
Password
9:41
Get Started
9:41
Select Genre
Let’s Go
Skip
9:41
9:41
My List
My List
9:41
New Episodes
9:41
IDEATE
Lo-Fi Wireframes
I created low-fidelity wireframes and after some iterations, here are some final versions:
9:41
Play
Download
Forgot password?
LOGO
Login
Create new account
OR
Email or Username
Password
9:41
Get Started
9:41
Select Genre
Let’s Go
Skip
9:41
My List
9:41
New Episodes
9:41
DESIGN
Onboarding
Onboarding screen to greet users to the application and provide a welcoming environment.
Homescreen
Homepage includes notifications, trending, new episodes and dedicated anime cards which indicate must watch shows
Coming Soon
Two different sections for upcoming and most awaited anime.
Anime Screen
Dedicated button provided to download whole season if user wants to.
Episodes Screen
Added a filler tag so that user becomes aware about it and can skip it willingly.
Select Genre
Video Player
Users can select their favorite genres beforehand which will help in recommending anime to them. They can skip this page if they want to.
Other Screens
Color & Typography
As Anime is fictional and full of thrill and adventure, Purple is the best suited color for anime theme as it indicates magic, mystery and fantasy. Regarding the typography, I chose ‘Lato’ as it is one of the best readable fonts and also the size hierarchy is according to IOS guidelines.
#957BFF
#6842FF
#E4E4E4
text
primary
accent
background
#0c0c0c
heading 1
bold
semi bold
medium
regular
regular
heading 2
body text
secondary text
smallest text
22
20
15
12
10
LATO
Iconography
Key Takeaways
Key Takeaways
I have learned how to empathize with users, how to gain insights from the research I did alongwith identifying their pain points and requirements.
I also gained knowledge about executing every single step of design process which I followed.
I look forward towards user feedback for testing purposes and make updates where required.
I have learned how to empathize with users, how to gain insights from the research I did alongwith identifying their pain points and requirements.
I also gained knowledge about executing every single step of design process which I followed.
I look forward towards user feedback for testing purposes and make updates where required.
Color & Typography
As Anime is fictional and full of thrill and adventure, Purple is the best suited color for anime theme as it indicates magic, mystery and fantasy. Regarding the typography, I chose ‘Lato’ as it is one of the best readable fonts and also the size hierarchy is according to IOS guidelines.
#957BFF
#6842FF
#E4E4E4
text
primary
accent
background
#0c0c0c
heading 1
bold
semi bold
medium
regular
regular
heading 2
body text
secondary text
smallest text
22
20
15
12
10
LATO
Iconography
DESIGN
Onboarding
Onboarding screen to greet users to the application and provide a welcoming environment.
Homescreen
Homepage includes notifications, trending, new episodes and dedicated anime cards which indicate must watch shows
Coming Soon
Two different sections for upcoming and most awaited anime.
Anime Screen
Dedicated button provided to download whole season if user wants to.
Episodes Screen
Added a filler tag so that user becomes aware about it and can skip it willingly.
Select Genre
Users can select their favorite genres beforehand which will help in recommending anime to them. They can skip this page if they want to.
Video Player
Users can select their favorite genres beforehand which will help in recommending anime to them. They can skip this page if they want to.
Other Screens