WordPressやMovable Type、HeartCore、Kurocoなど、他のCMSで構築されたサイトを、HubSpotのContent Hubでリニューアルしたいというご相談をよくいただきます。

その際に「HubSpotのContent Hubにはデザインの制約があるのではないか？」「動きを取り入れることはできるのか？」というご質問をよくいただきます。

結論として、HubSpotでサイトを構築する際にデザインやモーションに制約はありません。

モーション実装の流れ

下記の制作手順で、滑らかで自然な動きを実現しています。

1. Adobe After Effectsで作成したモーションを活用
2. 作成したモーションはJSON形式で書き出す
3. 書き出したデータを HubSpotに組み込む

事例紹介

実際にトップページに動きを取り入れたWebサイトの制作事例をいくつかご紹介します。

解説者：デザイナー 市川 大智

事例でご紹介するWebサイトのモーションデザインを担当しました。もともと漫画が好きで、アニメなどでよくあるロゴが動いているシーンなどに憧れて興味を持ちました。学校を卒業してからも独学でモーションデザインを勉強しています。

事例1：統計検定オウンドメディア

統計検定オウンドメディアのWebサイト制作実績 もあわせてご覧ください。

事例2：北辰不動産グループオウンドメディア

北辰不動産グループオウンドメディアのWebサイト制作実績もあわせてご覧ください。

まとめ

HubSpotでWeb制作する場合もモーションは可能です。モーションの実装がリニューアルの制約となることはほぼありません。お気軽にご相談ください。

HubSpotを導入したWebサイト制作実績をぜひご覧ください