Solo Leveling
UI design | Interaction design
2023
Solo Leveling is a self-directed UI concept for fans of the series: one site for the episodes, the manga, the news and the merch. I designed it to route fans to where the series actually streams rather than pretend to host it.
Services:
Challenge:
Everything a fan cares about lives on a different site.
Role:
UI Designer
01
About
Fans get handed between a streamer, a manga reader and a merch shop, so I designed the one place that holds all of it.
The art is both the draw and the problem. Solo Leveling's key art is dense, high-contrast and already purple, and an interface laid over it disappears into it.
It also had to be a shop as well as a library, with sizes, a bag and payment inside what is otherwise a watching and reading experience.
02
Details
- Type
- Self-directed concept
- Scope
- Web and mobile UI
- Typeface
- Sora
Challenge
Nobody owns the relationship with the person who cares most, so the fan does all the joining up between sites.
Solution
One nav, six routes: Store, Merch, Updates, News, Ongoing and Upcoming, so the series and the shop sit under one roof.
Three values and nothing else, #FFFFFF, #130423 and #2B1445, so the key art supplies every other colour and the interface stays out of its way.
It points outward instead of pretending. The Rating, Stream and Manga row names where the series actually lives, IMDb, Prime, Crunchyroll and Mangareader, because a fan site that claims to host everything is lying.
Commerce is a real flow, not a button: product page, size and quantity, wishlist, bag, shipping and four payment routes, all in the same dark.
03
The full case study
Keep exploring
