https://stimulus-img.com/index.html
主にCGアニメーションの制作を行っている株式会社スティミュラスイメージの
コーポレートサイトのリニューアル制作を担当させていただきました。
といっても現状もサイト自体はあるのですが、文言と構成以外は全て構築したという感じです。
主にはデザイン(アニメーションを含む)・コーディングということですが、
制作にあたって既存のサイトデータを取得・データ変換するための
pythonツールなんかもつくったりしましたけども。
町田くんから問い合わせをいただいたのは師走の初め頃だったと思います。
その後、年末に飲み会で会う機会があり軽くイメージなどを伺い、
お互い新型コロナにかかりしんどい年末年始をすごしつつ
今から2ヶ月ほど前に本格的にデザインにとりかかりました。
ちなみに余談ですがスティミュラスイメージ町田くんは
スタジオポメロ越田くんや映像作家仁保くん同様にプロダクション勤務時代を共に生き抜いた同僚です。
なので、多分5年ぶりぐらいの再会でしたが、いつも通りのマッチーって感じでした 笑
さて、実制作ですがデザインに10日から2週間ほどを要し、その後はコーディングと開発という感じです。
基本的にbundlerにwebpackを使いthree.js、lottieなどを取り入れて完成にいたりました。
少々工夫が必要だったのはメールフォームにTransmitMailを使っているので当然ですがNode.jsのローカルサーバーでは
phpがはしらずphpのローカルサーバーも立てつつ検証しながらという感じで結構大変でしたね。
web検索などをするとwebpackには賛否が分かれるようですが個人的にはとても楽でした。
一度覚えてしまうとこれ以外では考えられませんが、検証のしにくさみたいなのもあるので
否定的な意見があるのもわかる気はします。
今回indexページのFirstViewにはthree.jsのエフェクトアニメーションと
Cinema4D(*.aiでエクスポート)→Illustrator→AfterEffects→Lottieのカタカナの社名を使った
パスアニメーションをループにしてみました。
くちはばったいですが、結構良いとおもっています。
リファレンスにしたものなどもありますので、そのうちまとめて公開したいと思います。
<update>
制作記録のworkページを公開しました。