PORTFOLIO 日本海洋水族館

PORTFOLIO 日本海洋水族館

PORTFOLIO
JAPAN
MARINE AQUARIUM

職業訓練校の卒業課題として、架空の『日本海洋水族館』WEBサイトを、要件定義からデザイン・コーディングまで一貫して制作しました。

https://aquarium.sukuyomi.net/

PORTFOLIO 日本海洋水族館

担当

要件定義・デザイン・コーディング全般(HTML5 / CSS3 / JavaScript / Wordpress)

使用ツール

Photoshop / Illustlator / Visual Studio Code

制作期間

全工程(約1.5ヶ月)

・調査分析:5日

・サイト設計:7日

・ワイヤーフレーム:7日

・デザイン:14日

・コーディング:14日

・CMS実装:5日

意識した点

職業訓練校の卒業課題として制作しました。課題テーマは『生き物』で、もともと水族館で海の生き物を鑑賞するのが好きだったことから、すみだ水族館を参考にしています。
デザイン面では、海をイメージした寒色を取り入れ、統一感のある仕上がりを意識しました。水族館の利用者は小さなお子さまからご年配の方まで幅広いため、全体的にUIを見やすくし、機能的にもわかりやすいデザインを追求しました。