CASE STUDY OF

Soda! Communications Inc.
CORPORATE WEBSITE

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

DELIVERABLE: RESPONSIVE WEBSITE

DATE: FEB 2020

日本を代表する映像企画制作会社 株式会社ソーダコミュニケーションズのコーポレートサイトをプロデュース・制作しました。

ソーダ!・泡

印象に残るTVCMを数多く手がけ、魅力的な人が沢山所属している、ソーダコミュニケーションズ。そのアウトプットと、人柄をより感じるよう、”WORKS”や”MEMBER”のページを充実させています。 ソーダの"泡"をデザインコンセプトに、印象的なドットで構成した泡のデザイン、モーションの面白さ、心地よさを追求しました。

フロントエンドにはWebGLを取り入れ表現の幅を押し広げる一方、サイトの表示速度、運用のしやすさを保つため、Nuxt + WordPressでnetlify運用という構築を採用しています。 メンバー画像をジェネレートした泡のアニメーションや、スマートフォンの縦型画面ではジャイロセンサーを使い、傾け方に応じて泡が動く気持ちいUXとなっています。ぜひ、お使いの端末でもお試しください。そして、ソーダコミュニケーションズの魅力を感じていただければと思います。

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!