Works:
物流とわたしたち | 物流2024年問題について考える
物流とわたしたち | 物流2024年問題について考える
クリエイティブコーディング
リンク
https://logistics-self.vercel.app/
制作背景
物流2024年問題についてインタラクティブに楽しく学べるWebコンテンツを制作しました。
企画書・デザインカンプ
https://www.figma.com/file/gUxZqnFf1MYGBiNp4SXiFY/%E5%8D%92%E6%A5%AD%E5%88%B6%E4%BD%9C?type=design&node-id=1155%3A601&mode=design&t=Xe69BTWMyspdXzfX-1
サイトコンセプト
物流2024年問題についてインタラクティブに、楽しく学べるWebサイトを制作しました。
インタラクティブな体験を通じて、若い世代(20代〜30代)を中心とした一般消費者に「物流2024年問題」を楽しく、直感的に学んでもらい、結果としてユーザーの「物流2024年問題」に対する理解を深め、問題解決のためにできることを生活の中で実践してもらうことを目的としています。
サイト仕様
・Nuxt3をベースとしたSPA
・three.jsを用いて、Webページ上に3DCGオブジェクトを描画する(3Dモデルはblenderで制作)。MapControlで自由にカメラを動かせる。
・「イントロダクション」「何が起こるか」「私たちができること」の3つのセクションが存在。表示されるボタンやアイコンを押すことによって次のセクションに移動できる。
・「実際に起こりうる問題」セクションでは3Dモデルの街並みを表示。「！」アイコンをクリックすると、その場所に応じたトピックが表示される。
・トピックを読むとチェック済みアイコンに切り替わる。3つ以上のトピックを読むと「私たちにできること」セクションに移動できるボタンが画面下に表示される。
デザイン
柔らかい印象を与えるフォントや、明るめの青色を基調としたカラフルな配色で、親しみやすいデザインに仕上げました。
制作期間
2024年1月~3月 ２ヶ月弱