ROLE: UX/UI Design, Planning, Development, Web Design
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 Design
THE TEAM
Producer + Director+ Back-end Engineer: Kenta Takahashi (monopo Tokyo)
Art Director + Designer: Takayuki Yokoyama (monopo Tokyo)
Project Manager + UI design + Designer: Tsubasa Kamioka (monopo Tokyo)
CG Mock: Keita Niiro (monopo Tokyo)
Assistant Director : Misaki Narita (monopo Tokyo)
PARTNERS
Front-end Engineer: Misaki Nakano (Freelance)
CG Mock: Thibaud Gayral de Luca (Freelance)
Contents Planner: Midori Sugama (Freelance)
MONOPO STAFF ON THIS PROJECT
Related projects
We should work together!