担当箇所:デザイン、コーディング
制作期間:2025年11月〜1月中旬(1.5ヶ月)
制作ツール:Adobe Dream Weaver/Adobe XD/HTML/CSS/JavaScript
ウェブサイトリニューアルにあわせて、新たに「子どもの成長をおうえんする水族館」というテーマが掲げられました。抽象的なテーマを具体的なビジュアルへ落とし込むことに注力し、サイト全体の表現を検討しました。
トップページでは、リード文の直下にポラロイド風の写真を配置し、アルバムをめくりながら写真を見返す行為が「成長を見守る」という意味合いを持つようなビジュアルを設計しました。さらに、来館した子どもが描いた魚のイラストをあしらい、クリックやタップすると実際の魚の写真に切り替わる仕掛けを実装しました。これは「想像(または創造)から現実へ切り替わる=人が成長する」というコンセプトを、視覚的に表現したものです。
また、サイトの保守は水族館の飼育員の方々も行うため、CMS上で簡単に更新できるようモジュール構成を採用し、運用のしやすさを意識して設計しました。さらに春節のシーズンが近かったことから、繁体字・簡体字・英語の3カ国語対応も同時に実装しました。
