概要

架空のプラネタリウム「星のプリズム館」のウェブサイトを作成しました。 本サイトでは、ハンバーガーメニューの実装やjQueryを用いてリサイズヘッダー、スライドメニュー、スムーススクロール、モーダルウィンドウといったアニメーションの実装をメインに注力しました。

ターゲット

10～30代の男女

目的

授業で身に着けたアニメーション作成のスキルを実践的なサイトで実装する。

デザイン

プラネタリウムの夜空をイメージした色遣いやアイコンを使用することで全体的に落ち着いた雰囲気のデザインを意識しました。 FVでは、文字をスライドで動かすことで視覚的に飽きないように工夫しました。

フォント

日本語：さわらびゴシック

英語　：Lato

カラー

製作期間

デザイン　　： 10h

コーディング： 20h

制作ツール

Figma / VSCode

URL

https://www.sample.co.jp/