JOJO Portal 

SYNOPSIS

This was a fun, visual project for me to get more comfortable with FIGMA tools and plugins, such as Iconify, Autoflow, ClayMockups3D, and more.
For Prototyping, I primarily focused on auto-animation, overlay interaction, and overflow frames (horizontal and vertical scrolling). 

TYPE

Personal Project

 TOOL(S)

Figma

Moodboard

To begin, I wanted to get a sense of the aesthetic that the JOJO franchise has shifted towards. The moodboard I have curated contains elements from the 2012 JOJO exhibition, “Ripples of Adventure”, as well as the JOJOnium bookcovers, Magazine Collaborations, etc. to get a sense of the overall design system.
It’s a pointed, elegent style that takes full advantage of fantasy elements and vibrant colors. In many ways, the typography and design take a back-seat to the visual elements.
The font is a sharp, custom serif that matches well with the heavy Japanese Kanji.

Media/Content Screens

• For the navigation on the news, I went with a drop-down Hamburger style to emulate the web version in a smaller space.
• For the media and content pages, I went with a different type of media bar, to seperate those cards from the news. The comic has a horizontal scrolling to allow multiple cards to be previewed with 1 action.