Animation & Motion Graphicsアニメーション・モーショングラフィック
ブランドやサービスの魅力をより印象的に伝える
Lottieアニメーション・モーショングラフィック

LottieやWebGLを使用してグラフィックやイラストに動きをつけることで、よりリッチで印象的なウェブサイトを制作できるメリットがあります。また、デモ画面やフローなどをモーションで作成することで、スムーズにアプリケーションやサービスを利用していただくことも可能となります。
neccoではイラスト素材の作成はもちろん、シナリオ制作から編集、BGM制作などお客さまのターゲット層や目的に合わせた効果的なアニメーション・モーショングラフィックスを制作いたします。3DCGアニメーションと組み合わせた表現などもおまかせください。
具体的な制作物
- アプリケーションのデモ画面
- サービスの図解モーション
- キャラクターモーション
- アイコンアニメーション
- WebGLによるWebサイトへのアニメーション付与
アニメーション・モーショングラフィックのメリット
アニメーション・モーショングラフィックには以下のようなメリットがあります。
- 実際のサービスやフローがイメージできて説得力が増す
- 映像にストーリー性を持たせることでユーザーは感情移入しやすくなる
- キャラクターやイラストに表情を持たせることができる
- ウェブサイトに取り入れることでよりリッチな表現が可能になる
neccoができること
neccoでは、お客さまの目的に合わせたアニメーション・モーショングラフィックの企画・構成のご提案から制作まで一貫しておまかせいただけます。
また、アニメーション・モーショングラフィックに合わせたオリジナルの音楽(BGM)制作や、キャラクターを使用した3DCG制作、オリジナルのキャラクター制作も、別会社に依頼する手間なく一貫してご依頼いただけます。
過去に制作したアニメーション・モーショングラフィック
- アプリケーションのデモ画面の制作
- サービスの図解モーショングラフィックの制作
- 企業キャラクターモーショングラフィックの制作
アニメーション・モーショングラフィックの流れ
- お問い合わせ
- ヒアリングや調査を通じてお客さまの製品・サービスの要件・課題を把握
- 必要な成果物や映像制作の内容、費用、スケジュールなどを検討し、ご提案
- ご契約成立
- 納品までの詳細スケジュールを設定し、共有
- 情報整理・設計(制作物の種類や内容により異なります)
- 構成・ストーリー制作
- 撮影
- 編集
- BGM制作(制作物の内容により異なります)
- 社内レビュー後、お客さまへ提出
- お客さまからのフィードバックを反映
- 制作物のブラッシュアップ
- 納品
- 販促物やサービスなどに展開(ご依頼範囲により異なります)
neccoに在籍するディレクターやビデオグラファー、デザイナー、3DCGデザイナーが、お客さまの目的やターゲットに合わせた制作物をご提案させていただきます。

制作期間
アニメーション・モーショングラフィックは、ウェブサイト制作などと合わせてご依頼いただくことがメインとなっています。
制作するバリエーションや種類によって異なりますが、制作期間の例としては下記をご参考ください。また、詳細はヒアリング時にご相談ください。
制作期間の例
- アイコンアニメーションなど10秒以内の短い動画:1週間〜
- 30秒程度のサービスのデモ画面動画:2週間〜
- 1分程度のキャラクター紹介動画:1ヶ月〜
アニメーション・モーショングラフィックの費用
アニメーション・モーショングラフィックは、ウェブサイト制作などと合わせてご依頼いただくことがメインとなっています。
制作するバリエーションや種類によって異なりますが、制作費用の例としては下記をご参考ください。また、詳細はヒアリング時にご相談ください。
費用の例
- アイコンアニメーションなど10秒以内の短い動画:10万円〜
- 30秒程度のサービスのデモ画面動画:20万円〜
- 1分程度のキャラクター紹介動画:30万円〜
アニメーション・モーショングラフィックに関するよくある質問
どのようなものを制作してもらえますか?
アプリケーションのデモ画面や、サービス内容を図解化したアニメーション動画、イラストや3DCGアニメーションを活用した映像制作も可能です。「どんな映像が効果的なのか分からない」というお客さまも、まずはご相談ください。ヒアリングを行い、お客さまの課題解決や目的達成のために最適な映像をご提案いたします。
ウェブサイトのリニューアル時に映像を活用したいと思います。ウェブサイト制作と映像制作、どちらも依頼できますか?
はい、もちろんです。neccoにはディレクター、エディター、ウェブデザイナー、フロントエンドエンジニアまで、幅広い業種のメンバーが在籍しています。そのため、映像制作だけでなく、言葉づくりからウェブサイトデザイン、実装まで一貫しておまかせいただけます。
neccoでのアニメーション・モーショングラフィックの実績紹介
縫製料金の自動見積り「FiTO」ブランド・サービス・アプリ内アニメーション
必要な服を、必要な時に、必要な量だけつくるための縫製料金の自動見積りサービス「FiTO(フィト)」。サービスを1から制作するにあたり、名称やコンセプトの制定からサービスデザイン、ロゴデザイン、キャラクターデザイン、ウェブデザイン、UIデザイン、実装など、ブランディング全般をお手伝いしました。ウェブサイトやアプリケーションで使用されているアニメーションはAfter Effect、Lottieを使用しています。
- 制作期間:2020年6月〜2022年6月(約2年)
- 制作内容:サービスサイト・ブランドサイト制作(情報設計、ウェブデザイン、UIデザイン、実装、ロゴデザイン、キャラクターデザイン)
縫製料金の自動見積り「FiTO」ブランド・サービス・アプリデザイン
「エネクラウド株式会社」コーポレートサイト内イラストアニメーション
法人の電気料金を削減することで、お客さまの電気に関する課題を解決するエネクラウド株式会社さま。電気料金や電気使用量の見直しを伴走しながらサポートする、2つのサービスを展開しています。ビジュアルアイデンティティ構築の一環として、コーポレート・サービス全体で使用するイラスト素材の制作をneccoでお手伝いしました。ウェブサイトで使用されているアニメーションはAfter Effect、Lottieを使用しています。
- 制作物:コーポレートサイト内アニメーション
- 制作方法:After Effect、Lottie
- 制作内容:情報設計、要件整理、イラスト制作、コーポレートサイトデザイン、実装
- 制作期間:2024年2月〜2024年5月末(約3ヶ月)
「Serverless Operations」コーポレートサイト内WebGL実装、3DCGアイコンアニメーション
AWS を活用した内製化・開発支援やデータ活用で企業の DX を支える Serverless Operations さま。neccoでは Serverless Operations さまの会社設立当初からウェブサイト制作やブランドスローガン制定、ロゴマーク制作などブランディング全般をお手伝いしています。コーポレートサイトのメインビジュアルやフッターでWeb GL実装、アイコンアニメーションではAfter Effect、Lottieを使用しました。
- 制作物:コーポレートサイトのメインビジュアル、アイコンアニメーション
- 制作方法:WebGL、After Effect、Lottie
- 制作内容:情報設計、要件整理、ロゴデザイン、3DCG 、コーポレートサイトデザイン、実装
- 制作期間:2023年7月〜2024年4月(約9ヶ月)
AWS活用・DX支援「Serverless Operations」ブランドデザイン・コーポレートサイト・会社資料
neccoオリジナルキャラクターの3CDGアニメーション
neccoのオリジナルキャラクター「箱猫ちゃん」と、ベストフレンドの「おばけちゃん」。2Dで制作したキャラクターを3DCG化し、SNSやコーポレートサイトのおしらせ記事等で発信しています。
- 制作内容:キャラクターデザイン、3DCGおよび3DCGアニメーション制作
他にも多数の制作実績がございます。詳しくはこちらの記事をご覧ください。
neccoが2023年上半期に作成した3DCGやモデリングのまとめ
📮 お仕事のご依頼やご相談、お待ちしております。
お仕事のご依頼やご相談は、お問い合わせ からお願いいたします。
🤝 一緒に働きませんか?
下記の職種を募集中です。より良いデザイン、言葉、エンジニアリングをチームで追求していける方をお待ちしております。詳細は 採用情報 をご覧ください。
- フロントエンドエンジニア
- アシスタントフロントエンドエンジニア
🗒 会社案内資料もご活用ください。
弊社のサービスや制作・活動実績、会社概要、ご契約など各種情報をまとめた資料をご用意しています。会社案内資料 からダウンロード可能ですので、ぜひご活用ください。

(2024年3月時点)