ROLE: ART DIRECTION, UX/UI DESIGN, DEVELOPMENT
DELIVERABLE: RESPONSIVE WEBSITE
DATE: MAY 2017
We produced Rmagazine digital, the lifestyle magazine entirely directed by ROLA, one of Japan’s biggest celebrities.
Transformation of a print magazine into its digital version
Rmagazine is a fashion and lifestyle magazine entirely directed by ROLA, one of Japan’s biggest celebrities. Rmagazine used to be a print magazine issued twice a year but with the demand for brand-collaborated content increasing, the decision was made to move the publication online. monopo was tasked with making the new digital version of Rmagazine.
Rmagazine print issue no.05
Making a media magazine as stylish as a print magazine
One particularity of the print version of Rmagazine is that every issue had a different style and even a different logo. In a print magazine, everything is controlled by a designer and there are no technical restrictions. The challenge was to find the balance between being stylish and fashion but also functional & easy to use, while having no control over the content. However, we have a big advantage in digital to make things interesting through interactivity and animations.
Elegant, feminine, stylish & fashion
We wanted to give an editorial and fashion feel in the design and navigation. We got our inspiration directly from fashion magazines: giving a lot of space for visuals, playing with the layout and white spaces and having large typography as graphic elements. There are so many great print magazines, but not so many digital magazines as interesting as they often follow a standard interface. We wanted to challenge this by having an unconventional homepage that functions like an inspiring cover of a print magazine. Our homepage works in 2 ways: vertical scrolling and horizontal sliders.
Animations with GSAP and Swiper.js
Our role: Art direction, UX/UI design, development
Producer & Planner: Yoshiyuki Sasaki (monopo)
Art directors: Mélanie Hubert (monopo), Jin Okuma (monopo)
Designer: Melanie Hubert (monopo)
Front-end Engineer: Georges-Benjamin Métifeu
Back-end Engineer: Luiz Henrique Machado
Technical director: Shun Okada (monopo)
MONOPO STAFF ON THIS PROJECT
We should work together!