マネーフォワード初の自社カンファレンス「Money Forward Tech Day 2024」の会場で流れる映像とwebサイトの背景アニメーションを担当しました。
映像はオープニング、アタック、待機中の3種類を作り、webではRiveを使用して、全てのセクションの背景がシームレスに繋がるアニメーションを作っています。
マネーフォワード初の自社カンファレンス「Money Forward Tech Day 2024」の会場で流れる映像とwebサイトの背景アニメーションを担当しました。
映像はオープニング、アタック、待機中の3種類を作り、webではRiveを使用して、全てのセクションの背景がシームレスに繋がるアニメーションを作っています。
Video - Opening
Video - Opening
Video - Attack & Waiting
Video - Attack & Waiting
Video - Styleframes
Video - Styleframes
Video - Screen
Video - Screen
Website - Background Animation
Website - Background Animation
実際のWebサイトはこちら。セクションに合わせて背景アニメーションが動きます。
実際のWebサイトはこちら。セクションに合わせて背景アニメーションが動きます。
実際のWebサイトはこちら。セクションに合わせて背景アニメーションが動きます。
実際のWebサイトはこちら。セクションに合わせて背景アニメーションが動きます。
Website - Styleframes
Website - Styleframes
Client
Client
Money Forward
Money Forward
My role
My role
Motion Design
Motion Design
Credits
Credits
Graphic design/Illustration:
Web development/UI design:
Motion design:
Graphic design
/Illustration:
Web development
/UI design:
Motion design:
Takao Teramura (Money Forward, Inc.)
taiga kiyokawa (Money Forward, Inc.)
Iori Iwaki
Takao Teramura
(Money Forward, Inc.)
taiga kiyokawa
(Money Forward, Inc.)
Iori Iwaki