CASE STUDY OF

Soda! Communications Inc.
CORPORATE WEBSITE

ROLE: UX/UI DESIGN, PLANNING, DEVELOPMENT, WEB DESIGNING

DELIVERABLE: RESPONSIVE WEBSITE

DATE: FEB 2020

For Japan's leading production company “Soda! Communications Inc.”, monopo has created their corporate website, being in charge of the production, art direction, design, and technical direction.

CONCEPT

SODA! BUBBLE

For art direction, we made a design concept based on the "bubbles" of soda and created an immersive experience where the viewer could feel like they are floating inside a soda pop. We put effort in pursuing the the bubbles which are made out of dots, the interesting motion of the bubbles, and the visually comforting effect it produces.

In order to familiarize Soda! Communications more than ever, we tried to focus on pages such as “WORKS” where past works could be seen, and the “MEMBER” page where members of the company are introduced.

TECHNICAL DIRECTION

WebGL + Nuxt + WordPress + netlify

For development, our producer was also in charge of the engineering domain and creative planning. WebGL was used for the front end , Nuxt + WordPress for the back end as well as netlify operation.

Member portraits were animated by bubbles, and for the vertical screen of the smartphone the Gyro sensor was used, creating a unique UX where the bubbles move in accordance with the tilting of the phone/ screen. We hope you try and experience the wonders of the “Soda! Communications” website on your device as well!

Credits

Client: Soda! Communications Inc.

Our role: UX/UI DESIGN, PLANNING, DEVELOPMENT, WEB DESIGNING

THE TEAM

Producer + Director+ Back-End Engineer: Kenta Takahashi (monopo)

Art Director + Designer: Takayuki Yokoyama (monopo)

Project Manager + UI design + Designer: Tsubasa Kamioka (monopo)

CG Mock: Keita Niiro (monopo)

Assistant Director : Misaki Narita (monopo)

:

PARTNERS

Front-End Engineer: Misaki Nakano (Freelance)

CG Mock: Thibaud Gayral de Luca (Freelance)

Contents Planner: Midori Sugama (Freelance)

:

Related projects

We should work together!