コーディング / レスポンシブデザイン対応 / キャッチフレーズ考案

制作期間

３日

使用言語・ツール

HTML5 / CSS3 / JavaScript / VSCode / Figma

主な特徴

ハンバーガーメニュー / トップページ画像の自動切り替え / 背景のムービング

コンセプト

対面・オンライン両対応の英会話スクール、Vocabulary Voyage English Center(VVEC)英会話センター様のホームページです。
アクセントカラーを中心に、サイト全体にアニメーションを取り入れています。
画面スクロールに合わせて左右や下から飛び出してくるアニメーションはJavaScript(jQuery)を使用していますが、背景が動くアニメーションはCSSのみで実現しています。