![jojo menu larger logo-01.png](https://images.squarespace-cdn.com/content/v1/5de21eb41c21154b4de40ad5/1595718978072-RNYJUYPEG2A5WGTHM0KG/jojo+menu+larger+logo-01.png)
CrunchyRoll Rebrand
Mainly targeted to the younger generation who is interested in ACG (Anime, Comics & Manga) culture in North America, CrunchyRoll is an American distributor, publisher, licensing company and streaming platform that provides entertaining resources including Asian anime, manga, drama, game and live-action shows.
In order to rebrand CrunchyRoll’s current identity that’s not related to the company’s name enough, my goal was to embrace the food reference and Japanese dining culture regarding their name more in a delightful, playful and engaging style and manner.
Project | CrunchyRoll Rebrand
Categories | Identity System, Motion Graphics, Print Design, Video Editing
Media | Adobe Creative Suites, Inkjet Printing
Mentor | Ming Tai
Term | Summer 2019
![Traditional-Japanese-cuisine-food-dishes.png](https://images.squarespace-cdn.com/content/v1/5de21eb41c21154b4de40ad5/1595816304787-UT4HY9D8YF3MLRYSFQ55/Traditional-Japanese-cuisine-food-dishes.png)
Intro
Mainly targeted to the younger generation who is interested in ACG (Anime, Comics & Manga) culture in north America, CrunchyRoll is an American distributor, publisher, licensing company and streaming platform that provides entertaining resources including Asian anime, manga, drama, game and live-action shows.
Concept
In order to rebrand CrunchyRoll’s current identity that’s not related to the company’s name enough, my goal was to embrace the food reference and Japanese dining culture regarding their name more in a delightful, playful and engaging style and manner.
![brand guideline9.png](https://images.squarespace-cdn.com/content/v1/5de21eb41c21154b4de40ad5/1575166924775-3CKHJXSL0A62CVZDZRQ3/brand+guideline9.png)
Goal
My target audience would be CrunchyRoll’s current customer base that is obsessed with ACG subculture, as well as the potential users who would like to get more customized contents based on their appetites for favorite shows in different categories, to have better user experience with a more friendly and organized app/website’s UI design, and to get more engaged with its fandom communities.
Logo
![logo-reveal.gif](https://images.squarespace-cdn.com/content/v1/5de21eb41c21154b4de40ad5/1595815335476-7WSKQD55F8HWJW7459Z6/logo-reveal.gif)
Overview
This logo is an isometric rounded-edge cube, which has the shape of an abstract sushi roll with seaweed wrapped from the left side and salmon cubes on the right. The seaweed wrap is formed in a letter C shape, and the negative space between salmon cubes also form the letter R, which together reads as “CR”, AKA CrunchyRoll.
Horizontal & Vertical Lockup
![logo lockup+.png](https://images.squarespace-cdn.com/content/v1/5de21eb41c21154b4de40ad5/1595819403015-0P17HHMN2E3HAGWBNCK4/logo+lockup%2B.png)
Grid & Clear Space
![Credit: VectorStock.com/21677286](https://images.squarespace-cdn.com/content/v1/5de21eb41c21154b4de40ad5/1595821498285-JNF6UD72EJGGR6UHISQJ/Isometric+Sushi.png)
Credit: VectorStock.com/21677286
![logo_Grid_Crop.png](https://images.squarespace-cdn.com/content/v1/5de21eb41c21154b4de40ad5/1595820250547-V94EMX36REMZ5CUZMQLK/logo_Grid_Crop.png)
Inspired by the isometric illustrations of a variety of sushi rolls, I used isometric grid and hexagon shapes as drivers to build the CrunchyRoll logo.
Graphic Elements
Color Palette
While embracing the elements of Japanese dining culture, the titles are categorized in different Japanese food color combinations as the indication of having a bite of every show.
![color_CR.gif](https://images.squarespace-cdn.com/content/v1/5de21eb41c21154b4de40ad5/1595839336988-GR55K8MDL24IGJD75EE4/color_CR.gif)
Typography & Graphic Elements
![brand guideline8.png](https://images.squarespace-cdn.com/content/v1/5de21eb41c21154b4de40ad5/1575166907393-ONXADVN9D21TRDVWHZCV/brand+guideline8.png)
Kenyan Coffee Regular was chosen as the display typography due to its geometric shape and pop quality, while Gotham Narrow as body font maintains the legibility.
![brand guideline10.1.png](https://images.squarespace-cdn.com/content/v1/5de21eb41c21154b4de40ad5/1575166965668-S5XP65WB6KR6Q43JAH2O/brand+guideline10.1.png)
I utilized the shape of the bento boxes as dividers to separate information of each show in the hierarchy.
Lower 3rd
![L3_Horiz2.gif](https://images.squarespace-cdn.com/content/v1/5de21eb41c21154b4de40ad5/1595838208394-A0JV0EIATF8VXRJLGHTJ/L3_Horiz2.gif)
Horizontal & vertical lower 3rd graphics would be applied to CrunchyRoll’s streaming platform teasers and TV commercials.
![L3_Vert.gif](https://images.squarespace-cdn.com/content/v1/5de21eb41c21154b4de40ad5/1595838749899-OUA2HTGP6GJJ7E1DVMAX/L3_Vert.gif)
User Interface
![CR_UI-Mockup-01.gif](https://images.squarespace-cdn.com/content/v1/5de21eb41c21154b4de40ad5/1595825653494-AMO4AHB19H6L4THGN2L9/CR_UI-Mockup-01.gif)
Website Homepage
Here’s a mockup showing how the users could interact with the website UI to select their favorite shows, and how it can shift into the streaming player directly.
Video Player
The video player button icons were all built based on the geometric hexagon shape and food references.
![CR_UI_Player.gif](https://images.squarespace-cdn.com/content/v1/5de21eb41c21154b4de40ad5/1595826095282-1JTG4AGQ1SY04AMHRR33/CR_UI_Player.gif)
Posters & Mockups
Identity Posters
An attempt of integrating all elements including the tagline, brand colors as well as the logo. The roll shape in one brand color was utilized as repeating elements to form a wallpaper-like pattern so that only one logo stands out.
![3postersmockup.jpg](https://images.squarespace-cdn.com/content/v1/5de21eb41c21154b4de40ad5/1595833383402-R2VILM0X36Z7MT6K1P31/3postersmockup.jpg)
Content Posters
With different combination of colors, the shows are categorized into different genres, and the bento boxes are used as modular containers for showcasing the titles’ info in hierarchy.
![content mockup.png](https://images.squarespace-cdn.com/content/v1/5de21eb41c21154b4de40ad5/1595834863988-Y4Y63NPCGSZ7UBJ5SKNH/content+mockup.png)
Billboard
Outdoor billboards play an important role to help us understand how the design could interact with the direct audience within the context in the exhibition environment, and how the scale would affect the overall feel.
![outdoor1.png](https://images.squarespace-cdn.com/content/v1/5de21eb41c21154b4de40ad5/1595835642930-U6PCB01SRXYZFYS2YOU3/outdoor1.png)