Tokyo Insight

GPlus Media — Japan
Branding ∖ Interface Design

As a reflection of the Tokyo ‘use every bit of space given’ condition, and to explore what makes the digital magazine different from print, layout elements were literally pushed to the edge. With no worry of bleed, and also to work within the limits of reactive positioning to tablet orientation, extreme corners were also taken advantage of. Color was also inspired by the city; an abrupt contrast of neon-esque luminescent pigments to desaturated hues lifted direct from local photography.

Though the interactions of the mag+ platform were simple (sliding columns, swiping pages, smooth scrolling, mini slideshows, popup images, and more), a varied pacing of their use throughout the magazine was consciously considered.

Contents with right slide
Swipe page to inset scrollable text with image enlargement
Long smooth full-screen scroll
Swipe 3-pager shown edge-to-edge
Phone size
Event calendar with interactive image thumbnails
Any circle element represented a button of some function; here jump to the page of the school profile
Sliding text over fixed full size illustrated background
Event calendar with interactive image thumbnails
Any circle element represented a button of some function; here jump to the page of the school profile
Sliding text over fixed full size illustrated background