2024.12.17

アニメーションと動画を使った体操教室のホームページ

こんにちは！名古屋でホームページ制作、WEBサイト制作を行うデザイン事務所ZoDDoです。
名古屋を拠点に全国の企業、お店やクリニックのサイト制作をしています。
今回は先日、公開させて頂いた体操教室のホームページについて。
今回の体操教室のホームページは教室のコンセプト、オーナー・スタッフの皆様の想いを含め、いつものホームページ制作とは違った事を取り入れました。

1 アニメーションと動画を使ったホームページ
- 1.1 体操を楽しむ子どもたちのGIFアニメーション
- 1.2 動画を取り込んで雰囲気を伝える
2 WEBデザイン案を２パターン提案
- 2.1 オーダーメイドだからできる訴求力
3 スマホ対応もバッチリ！

アニメーションと動画を使ったホームページ

愛知県小牧市の体操教室「トランポリンの森RolyPoly」のホームページを公開しました。
今回はWEBリニューアルと言うことで、以前のホームページからデザインを一新させて頂きました。
（以前は他社様で制作されたホームページでした。）

今回はサイト上にGIFアニメーション、動画を掲載することで教室のコンセプトや雰囲気を伝える工夫をさせて頂きました。

【制作実績】トランポリンの森RolyPolyホームページ

体操を楽しむ子どもたちのGIFアニメーション

バク転する生徒、鉄棒をする生徒をGIFアニメーションで制作することで、動きのあるデザインにしました。体操教室なので元気で明るいイメージを伝えたいのもあって、何が必要かな？と社内スタッフ間で話し合う中で「画像ではリアルすぎるし・・アニメだよねぇ。」と言う意見があり、GIFアニメを制作することになりました。
（アニメーション描くデザイナーは笑ってませんでした。笑）

動画を取り込んで雰囲気を伝える

トランポリンの森RolyPolyさんの外観は内部が全く見えない建物になっています。
外からどのような施設で設備として何があるのか全くわかりません。
見学に来るか、ネットで検索して知るしかない状態でした。
あとは電話でのお問い合わせで逐一、説明していたらしいですが・・・毎回対応していると業務に支障を来たすことになります。
動画を入れることで施設・指導風景すべて伝えることができます。

ただ、動画は良い点ばかりではありません。
基本的にデータ量が重くなるので通信環境によっては表示が遅くなりますし、iPhoneなどの端末はバッテリーが少なくなり省エネモードになるとWEB上の動画が止まる仕様になっています。
（止まらないようにする方法はありますが・・・。）
メリット・デメリットを考えて今回はWEB上に動画を掲載しました。

WEBデザイン案を２パターン提案

今回のホームページリニューアルでは、トップページのデザイン案を２つ提案しました。
ホームページって内容、検索順位も重要ですが、デザインも集客には非常に重要だと考えています。当社では毎回デザイナーが雰囲気の違うデザインを制作しています。
コーダー側が困るデザインもありますが。（笑）

オーダーメイドだからできる訴求力

販売されているテンプレートを使用したWEB制作も良いですが、商品、サービスをしっかり伝えて売るならオーダーになると考えています。各ページ毎に掲載する内容に合わせてレイアウトを組み、挿絵も当てはめていく。統一感のあるWEBサイトは見ている側も楽しくて、「行ってみようかな」「習ってみようかな」って思って頂けると思います。

スマホ対応もバッチリ！

最近では当たり前ではありますが、スマホ表示もしっかり対応しています。
画面サイズに合わせて表示サイズが可変するレスポンシブ対応となっています。
動画の比率には結構悩みましたが、動画専門の方にアドバイスを頂き上手く表示することができました。
これから多くの子どもたちが楽しみながら体操を学ぶ教室として有名になって頂きたいです。
今回は制作できて本当に良かったです。
外部サイト：トランポリンの森RolyPolyホームページ

記事執筆

デザイン事務所ZoDDo（ゾッド）

名古屋を拠点にホームページ制作、看板デザインを始め広告制作を行うデザイン事務所です。WEB・ホームページ制作を自社で制作するので、価格を抑えながらクオリティの高いWEB制作が可能です。WEBマーケティングからSEO対策についても幅広い知見があり、多くの企業やお店、医療機関のWEBコンサルティングを実施しています。