Works
-
架空のリゾートホテルのロゴ
-
架空のキックボクシングジムのロゴ
-
Doari沖縄
(※ サイト全体のスクリーンショットはこちら)
TOPページはホテルに泊まると、どういう思い出が作れるのかイメージ出来るように、画面全体に動画と画像を表示させて、パッと見て雰囲気を感じてもらえるように制作しました。また、セクションごとに、ピッタリとスクロールが止まるプラグイン(Sclollify)を設定して、スライドを見ているイメージで新鮮さを与えて興味を惹きつけられるようにしました。
モーダルウィンドウにIllustratorで作成した部屋の間取りを表示させて、泊まった時の部屋のイメージを具体的に持ってもらるように制作しました。
部屋の写真をプラグイン(Slick)で表示させました。ゆったりとしたフェードで画像を切り替えて、ユーザーにゆったりと品のあるイメージを抱かせるよう制作しました。
サイト全体的に余白を多く設けて、ホテルの上品で落ち着いたイメージを感じてもらえるように制作しました。
-
FIRE KICK GYM
(※ サイト全体のスクリーンショットはこちら)
ファーストビューは全画面動画で表示させ、After Effectsのテキストアニメーションを使いジムの概要を伝えました。また、ユーザーを魅きつけやる気を駆り立てるメッセージを入れ興味を抱いてもらえるように制作しました。
ティッカーのプラグイン(bxslider)を実装して、ジム内の様子やお知らせを表示させジムについてユーザーに伝えられるように制作しました。また、より詳しく見れるようにプラグイン(lightbox)を実装して、画像をクリックすると画像が大きく表示され概要を伝えられるように制作しました。
パララックスとプラグイン(AOS)を組み合わせ動きのある作りとして飽きさせずに読み進めたくなるように制作しました。また、フォント(Acumin Pro Wide)やオレンジ色で力強さを表現して、サイトイメージに合うように制作しました。
サイトの構成として、ユーザーにジムの魅力を上から順序よく伝えられるように制作しました。さらに無料体験トレーニングの案内動画を全画面で表示・ポップアップで体験無料のバナーを表示させて、よりユーザーに印象付けて目標である無料体験へ繋げられるように制作しました。
-
架空のリゾートホテル紹介動画
-
架空のキックボクシングジム紹介動画
-
架空のビールの商品紹介動画
-
動画編集のスキル紹介動画