Z magazine

(Progressing Project) A blog to introduce unexplored modern art

UI design, Front-end development
Created with
Wordpress, HTML5/CSS3, Javascript, jQuery, GSAP, Figma

Website for introducing modern art and culture

This Website is for clearly introducing my tastes/interests and what I'm thinking about.
This website is created by WordPress to fully express my interests separately by category with some of the micro-interactions and animations


Like a wall decoration or collages notebook

Design is the most important thing for this website. The layout was composed of a Grid-based layout to order randomly and well organized. I also design to see interaction by clicking, hovering elements or scrolling pages.


Color and Typography

Inspired from Zen

The name of "Z magazine" is coming from the Japanese word "Zen" and the alphabet contains in my last name.

The colors of this Z magazine is coming from the meaning of Zen too, to express the taste of modern-Japanese culture and beauty. In fact,

Japanese traditional color has over 1,000 amount of names according to the color history of Japan, and 300 colors are still popular for the Web and Print products. I picked up "Kinari" from white colors to express Japanese minimalism and Zen, like a Japanese paper, Indian ink, and aged wood in Japanese architecture.


Mobile view

Yet the mobile phone has some of the restrictions for adding animation or interaction sometimes, I designed to keep the atmosphere of the Desktop view.

Z magazine mobile toppage
Z magazine mobile article page
Other Projects


Clipboxes teaser website