Crunchyroll Concept

A fresh look at the anime streaming app!

Image of recommended screen in app
A new look at the crunchyroll streaming platform that puts the user experience first in every way, with innovative new ui that’s packaged in a way that's modern, clean, and minimalist.
Image showcase of all app screens

Archetypes

Although user personas can be great, we think archetypes are even better. Each of these user archetypes has their own set of behaviors and goals, as well as objectives and metrics crunchyroll wants to achieve for each archetype.
Images of app's user archetypes

Objectives

Create a streaming concept that can cater to all archetypes of users on one platform. Therefore, it must introduce shows to those new to anime, those who casually keep to their favorite shows, to power users who meticulously track their next episodes.
Image of Mikasa flying in ODM gear

Wireframes

Abstract, conceptual sketching via pen and paper. The main objective wasn't to re-invent the wheel, but to look for opportunities where it could be improved wherever we could.
Images of hand-drawn wireframes

Modular Wireframes

Initial sketches fully realized and completed into modular UI elements and components. Ready to be adapted to content as need to be presented to users.

Images of app's screen wireframes

Comfortable Video Player

A larger, wider video player slider leads to a much more comfortable experience for all users with basically zero downsides. An upgrade in every way.
Image of video player wireframe
Image of video player wireframe
A larger slider knob to see where you are going to. the either thumb in a perfect 50/50 comfort of being able to use split direction.
iPhone held in hands showing video player

Ever been annoyed at those skinny video slider bars with small knobs that you can't see when you try to use it? We don't think it has to be that way at all!

Our translucent bar is unobtrusive, patterned with cross-hatching to give it a feeling of texture, and a larger knob that feels so comfortable and precise to use.

Persistent side menu

The old way of selecting genre/seasons was tucked away inside a hamburger menu that would open and close after each selection, requiring the same repeating actions over and over if you wanted to switch.

Skip all that

We integrate a side menu that remained persistently on screen, completely eliminating user friction and efficiently spend more energy discovering new titles to watch. way.

iPhone screen showing Genre screen
Fading down image of main app title screen

Skip all that

Time is money. Significantly reduce effort and simplify complexity, massively widening the selection of titles the user friction in how the user searches for new shows to will discover and watch.

Persistent menu switching

The ability to relax and seamlessly switch back and forth between different genres and seasons empowers users to discover more titles each time they browse than they otherwise would have without the elimination of friction.
Background image of Haikyuu characters fist-bumping

Friendly to anime newbies

The strength of Anime cover art is that it can be so abstract, conceptual, and expressive. But it can also be difficult to get a sense of what the title is about. Adding a concise summary underneath can be very helpful.
Fading down image of main app title screen
Fading down image of main app title screen

Less is more (meaningful)

Recommending titles based on viewing patterns can help users discover new shows of a similiar type, and extend legs for older titles in the catalog.
iPhone held by two hands viewing recommendation screen

Conclusion

Sometimes the best UI are the ones you never notice. We wanted the UI elements to fade seamlessly into the background, allowing the vibrant anime art to shine.

Correspondence

If you'd like to chat with us
Due to our intensive design process, we work with a maximum of two client partners concurrently.

contact@masamunedesign.com

We usually respond within the hour

(571) 758 7212

M-F / 10a-6p EST