実際の水族館サイトのように写真を沢山使い1作目では出来なかった表を作ったり、ユーザーに見て欲しい箇所に背景色をつけ目立つようにしました。

URL

https://mimi4452.github.io/misite02/

担当

デザイン・コーディング

サイトの目的

サービスの認知と新規クライアントの獲得

ターゲット

ご家族、カップル

土日や長期の休みにどこかにお出かけしたいと考えてる方

デザインについて

水族館なので青を基調としサイトに入っていただいた瞬間からワクワクするようにデザインをしました。お子さんや年配の方にも見やすいように文字の大きさやを調整したり、写真を沢山使用しました。年パスの3つのデザインはPhotoshopで1つづつ作成しました。

コーディングについて

2度目のコーディングということで表を作りカレンダーのようなデザインになるように制作しました。写真の角を調整できることを学んだ為四角い写真だけでなく丸みがある水族館らしい優しい雰囲気にしました。また実際にあるサイトのようにtopに戻るボタンを作成しました。