概要
使用ツール：Photoshop・XD・dreamweaber
作成時間：約1ヶ月
ターゲット：10代～60代の男女、ファミリー層
目的：架空の水族館「きんし水族館」の冬のイベントLP
サイトURL：https://b112.deau-ac.com/
デザイン
「水族館」「冬」をキーワードにしたので、ページ全体の色合いを寒色にしました。
今回はコンテンツ幅が960pxに設定ということだったのですが、サイト制作のときにトップのイメージ画が思ったよりも小さくて少し勿体ないかと思いました。
生き物の紹介文があるブロックには、flexを使用して横並びにしてみたり左右を入れ替えてスクロールするとフェードインするようアニメーション設定をしました。
今回の制作でHTMLとCSSのタグやコードを実際に使ってみると、必要なタグが挿入されていなかったり、タグが閉じられていなくてごちゃごちゃになったりと思い通りの形になるまでに時間を要しました。一からスムーズにコーディングが出来るようになるまでまだまだ特訓が必要です。
