Animation
アニメーション制作
ANIMATION DEVELOPMENT
ANIMATION DEVELOPMENT
ANIMATION DEVELOPMENT
コードハイブの
アニメーション制作
コードハイブでは、JavaScriptアニメーション実装を専門としたエンジニアが高品質なアニメーションを制作します。jQueryやJavaScriptを使用したシンプルなアニメーションから、GSAPやThree.js等を使用した複雑でインタラクティブなアニメーションの制作まで幅広く対応しております。また、基本的なJSアニメーションは無料で対応しています。高品質・高難易度のアニメーション制作なら、ぜひコードハイブにご相談ください！
デザイン会社・制作会社様へ
こんなお悩みありませんか？
コードハイブは、デザイン会社・Web制作会社様に向けたJavaScriptアニメーション制作代行を行なっております。以下のようなお悩みがある場合は、ぜひコードハイブにご相談ください！
- 基本的なアニメーションは無料で実装して欲しい
- 思い通りのアニメーションを実装できるエンジニアがいない
- サイトのテイストに合ったアニメーションを提案して欲しい
- アニメーションを導入したいが、表示速度が遅くならないか心配
- GSAPなどのスクロール連動アニメーションを実装したいが、難易度が高い
- 3Dアニメーションを制作したいが、難易度が高く実装できる人がいない
コードハイブの強み
基本的なアニメーションは無料で対応します
コードハイブでは、スムーススクロールやハンバーガーメニュー、シンプルな画像スライダーなど、基本的なアニメーションは全て無料で対応します。また、工数によっては他のアニメーションも無料対応できる場合がありますので、詳しくはご相談ください。
GSAPやThree.jsを使用したアニメーションの対応が可能です
高性能なアニメーションを作成できるライブラリ「GSAP」や、3Dコンテンツを扱うための「Three.js」などを使用した制作が可能です。スクロールに連動したアニメーションや、3Dオブジェクトの実装など、幅広い対応が可能です。
軽量化を意識したアニメーション実装が可能です
「アニメーションを入れたせいでサイトが重くなった」ということがないように、軽量化・パフォーマンスの最適化を意識して対応します。3Dアニメーションなど、仕様上どうしても重くなる場合は、ローディング画面の追加等を提案いたします。
デザインのコンセプトに合ったアニメーションを提案します
「デザインに動きをつけたいが、アニメーションが思いつかない」という場合は、こちらから提案することが可能です。既存のデザインの雰囲気やコンセプトに合わせてアニメーションを制作しますので、お気軽にご相談ください。
アニメーションの無料対応枠
コードハイブでは、以下のようなシンプルなアニメーションはすべて無料で対応いたします。
- スムーススクロール
- タブ切り替え
- シンプルなスライダー
- アコーディオン
- ハンバーガーメニュー
- フェードイン
アニメーション
アニメーション制作の料金
| 項目名 | 料金 | 補足 |
|---|---|---|
| スムーススクロール | 無料 | |
| タブ切り替え | 無料 | |
| スライダー | 無料 | ※仕様によっては有料になる場合があります。 |
| アコーディオン | 無料 | ※仕様によっては有料になる場合があります。 |
| ハンバーガーメニュー | 無料 | ※仕様によっては有料になる場合があります。 |
| フェードインアニメーション | 無料 | ※仕様によっては有料になる場合があります。 |
| モーダル / ポップアップ | ¥5,000〜 | |
| ローディングアニメーション | ¥15,000〜 | ページロード中に表示されるアニメーションです。 |
| WebGL / Three.js | ¥50,000〜 | 内容によって変動しますので、お問い合わせからご相談ください。 |
| カスタムアニメーション制作 | 要相談 | 工数によって変動しますので、お問い合わせからご相談ください。 |
アニメーション制作の流れ
- STEP01お客様
お問い合わせ
まずはお問い合わせフォームからお気軽にご相談ください。内容を確認したのち、2営業日以内に返信いたします。
- STEP02コードハイブ
ヒアリング
ZoomまたはGoogle Meet等のツールでオンラインミーティングを実施し、アニメーションのついての詳しいご依頼内容をお伺いします。ヒアリングは無料ですので、ご安心ください。
- STEP03お客様
アニメーションイメージのご共有
アニメーションの大まかなイメージを共有いただきます。参考サイトなどがあれば、共有をいただけるとスムーズに進みます。
- STEP04コードハイブ
お見積もり・納期の提案
いただいたアニメーションの仕様を確認し、お見積もりと納期を提案いたします。
- STEP05お客様
契約の同意
お見積と納期に同意いただけましたら、作業開始となります。
※初めて取引させていただく場合・長期にわたる案件の場合に限り、料金の50%を着手金としてお支払いいただいております。
- STEP06コードハイブ
アニメーションの制作開始
お見積もりの金額と納期にご同意いただけましたら、アニメーションの制作を開始いたします。
- STEP07お客様
ご確認
作業が完了しましたら、データをテスト環境にてご確認いただきます。
- STEP08コードハイブ
修正対応
制作物が仕様と異なる場合・バグが発生した場合は、修正対応を行います。
- STEP09コードハイブ
納品
既存サイトへの埋め込み、もしくはアニメーションをパーツ化したファイルの送付をもって納品とさせていただきます。
- STEP10お客様
ご請求
納品が完了したら、請求書を送付いたしますのでお支払いをお願いいたします。
既に着手金をお支払いいただいている場合は、残りの費用のお支払いをお願いいたします。
- STEP11コードハイブ
アフターサポート
納品後1ヶ月以内の修正依頼は無料で対応いたします。
※デザインの大幅な変更、仕様変更は有料です。 - DONE!
よくある質問
はい、提案可能です。デザインデータをいただけましたら、サイトの雰囲気に合わせたアニメーション案をこちらから提示させていただきます。
はい、実装可能です。弊チームにはWebGL・Three.jsを扱えるエンジニアが在籍しておりますので、3Dの複雑な表現も可能です。詳細はお問い合わせください。
はい、可能です。
制作したアニメーションを既存サイトに埋め込むことも可能ですので、お気軽にご相談ください。
CONTACT US! CONTACT US! CONTACT US!
CONTACT US! CONTACT US! CONTACT US!
CONTACT US! CONTACT US! CONTACT US!