【WEB】キッズ・大人向けiPadスクール募集LPの構築とアニメーション制作

キッズ・大人向けiPadスクール募集LPのサイト構築とアニメーション制作をしました。

チャンネル登録者数35万人・iPad YouTuberのamity_senseiが主催するiPadスクール「iPadmatekids」
5月の東京校開校に向けて、生徒募集が開始となりました。
東京校は、キッズも大人も受講することができます。
そのためキッズ用のLPと大人用のLPの2サイト制作しました。

LPについて

デザインは全てamity_senseiが行っています。
ワードプレスでの構築とアニメーションがわたしたちの担当です。
今回はFigmaを活用し、綿密なやり取りを行いながら実装していきました。

スマホとPCでの微妙なレイアウトの違いや、細かなサイズ調整によって洗練されたデザインができあがっています。

 

キッズのLP

子供らしさや、遊び心、ワクワク感が感じられるようなアニメーションを表現しました。
ファーストビューでは、iPadを使って創造力が湧きあがるイメージをアニメーションにしています。

すでに開校している京都校での制作事例を作品ギャラリーとして表示させたり、実際の受講生の子供たちの声などをあつめ、
読み応えのあるLPができあがりました。

 

アニメーションはGIFで書き出しを行い、それぞれのセクション画像にあてはめて制作しました。
フレームアニメーションと呼ばれるコマ割りでの制作のため1枚1枚描いています。
スマホとPCでレイアウトが違うためそれぞれにあった位置に調節して動かしています。
これらは、全てiPadアプリの「Procreate」と「Procreate dream」を使用して制作しています。

 

 

 

 

大人のLP

大人は可愛らしさよりもかっこよさやシンプルな方が良いとのことから、文字アニメーションにしてみたり、
あまり色数を多くしないでまとめるなど工夫しました。

 

 


開校予定の東京校の3Dイメージビューをサイト内に埋め込むなど、実際に通ったときのイメージがしやすい配慮もされており、通うのが楽しみになる工夫が盛りだくさんとなっています。

 

iPadmatestudioの情報

生徒申込LP

キッズ

iPadmate kids

 

大人

iPadmate otona

 

amity_sensei

YouTube

 

 

X

上部へスクロール