晴れの水族館
https://iori001.whitesnow.jp/iori001_harenoaquarium/
使用技術
- PhotoshopCC
- illustratorCC
- PremierePro
- Visual Studio Code
- jQuery
制作期間（６月）
企画からコーディングまでの全作業を担当しました。
- 企画：１日
- ワイヤーフレーム・デザインカンプ：６日
- バナー作成（計５枚）：３日
- 動画作成：１日
- コーディング：２週間
対応機種
現在PCだけに対応中です。
レスポンシブは制作途中となっております。
サイトの目的
コロナ禍で減少した集客率のアップ
オンラインチケットの認知・購入
ターゲット
・幼少～小学校低学年のお子様をもつファミリー層・地元の方々・家族で初めての水族館
コロナ禍でこの３年ほど子供たちに様々な体験をさせてあげられてないというご家族が多いため、家族で初めての水族館背景色は々をメインターゲットに設定しました。
コンセプト
コロナ禍で休止していたイベントの再開を伝える。
オンラインチケットでスムーズに入場できると伝える。
カラー設定
メインカラー：＃030A4B
背景カラー：＃FFF
サブカラー：＃CFEEF4
アクセントカラー：＃FFCC00
水族館なので寒色系を基調にしました。深い海の色をメインカラーに設定し、浅い海の色をサブカラーに設定しました。背景色はほかの色が映えるように白を設定し、アクセントは青色の反対色のオレンジを採用することで視認性を高めました。
デザインについて
・TOPファーストビュー
ファーストビューには直帰率を下げる目的で動画を採用しました。
水族館の看板としているシャチを動画の最初にもってくることで迫力もあり、水族館のイメージをしてもらいやすくしました。
・ロゴ
ロゴはillustratorで作成しました。
水族館のメインの”シャチ”と晴れの水族館らしく”太陽”をモチーフとしたロゴとなっています。