Adobeスクールパートナー(ブロンズ)

主にAdobeのソフト操作を紹介しています。DTPやWebの業務で役にたったことやツールのポイントなど参考になればと思います。 主観的なものもありますのでご了承ください!

Others

水族館のホームページ紹介

 

このページでは、サイト制作の参考になるような水族館のホームページを、独断と偏見で選んでご紹介していきたいと思います。

うみがたり

うみがたりうみがたり公式サイト

近年オープンした新潟県上越市にある水族館です。
テーマカラーの一つに夕焼けをイメージしたとされる明るい色を使用し、水族館らしさがありながらもポップな印象となっています。

琵琶湖博物館

琵琶湖博物館琵琶湖博物館公式サイト

こちらは博物館内に水族館が設けられている施設のホームページで、トップページを進むとグリッドを無視したかのような構成が見られ、ワクワク感が感じられます。
水族館の紹介ページは写真とスタッフの方のコメントでフロアと場内展示の様子がわかりやすく伝わるような構成となっています。

名古屋水族館

名古屋水族館名古屋水族館公式サイト

名古屋らしい華やかなファーストビューのホームページです。スクロールすると下部にあるヘッダーが上部に固定されるギミックが印象的です。シンプルな構成ながらも、どこか華やかなサイトとなっています。

沖縄美ら海水族館

沖縄美ら海水族館沖縄美ら海水族館公式サイト

言わずと知れた沖縄にある世界最大級の水族館。そのホームページはカラフルでありながらも見辛くはなく、フロアマップや最新情報、調査研究に関するページまでも網羅されています。
また生き物図鑑ページはヴィジュアル豊富で、どの生物が希少種なのか、世界初展示なのかといった情報が、受け取りやすく表示されるようになっています。

モントレーベイ水族館(アメリカ)

モントレーベイ水族館モントレーベイ水族館公式サイト

カリフォルニア州にある水族館のホームページで、スクロールしていく毎に変化する画像や動画が楽しませてくれます。
訪問や水族館の生き物に関するページと並んで、環境活動や教育に関するページがナビゲーションメニューに含まれている点が、日本との差異を思わせてくれます。
2022年4月には、新たに深海生物の展示コーナーがオープンするとのことです。

ラ・ロシェル水族館(フランス)

ラ・ロシェル水族館ラ・ロシェル水族館公式サイト

フランスにあるラ・ロシェル水族館のホームページは通常思い浮かべるであろう水族館のイメージとは異なり、非常にダークな色合いで統一されています。

リヨン水族館(フランス)

リヨン水族館リヨン水族館公式サイト

トップページは驚きのスクロールなし!背景目いっぱいに広がる生き物の動画が色鮮やかながらも、非常にコンパクトに作られています。

サンマロ水族館(フランス)

サンマロ水族館サンマロ水族館公式サイト

ファーストビューに水族館の生き物の動画を使用しており、臨場感あふれるトップビューとなっています。

ニューカレドニア・ラグーン水族館(ニューカレドニア)

ニューカレドニア・ラグーン水族館ニューカレドニア・ラグーン水族館公式サイト

南太平洋に位置するニューカレドニア島にあるこの水族館のサイトは、観光地を思わせる色使いや写真、またスクロールとともに表示されるアニメーションによって、美しく彩られています。

サンセバスチャン水族館(スペイン)

サンセバスチャン水族館サンセバスチャン水族館公式サイト

フランスとの国境にほど近いこの水族館のサイトは、非常に落ち着いた色で統一されており、高級感が感じられるサイトとなっています。

以上、水族館のホームページを紹介させていただきました。このページをご覧になられた方のwebページ制作の参考、もしくは暇つぶしになったら幸いです。

  • このエントリーをはてなブックマークに追加
hulu dTV

関連記事

  1. 自然光で撮った人形と本とカメラとクッキー

    Others

    ブツ撮りをしてみよう Vol.1〜自然光ライティング

    最近はSNSで、自分のお気に入りの物や、食べ物をスマホやデジカメで撮っ…

  2. デザインツールFigmaを使ってみよう ワイヤーフレーム作成

    Others

    Figmaを使ってみようーワイヤフレーム作成ー

    Figmaとは?Figmaはフリーのデザインツールです。WEB…

  3. 商用利用可なFreeFontまとめサイトの紹介

    Others

    商用利用可なフリーフォントを簡単に探せるサイト

    デザイン制作をする時に、フォント選びに悩んだことはありませんか?「…

  4. Others

    AutoDrawでイラストを描こう

    アイコンやワンポイントとしてイラストを作りたいけど、絵を描くのは苦手・…

  5. Others

    話し合い・交渉を有利に進める方法

    話し合い・交渉を有利に進める方法あまり話し合いや交渉が得意ではない…

  6. オンラインでシェアする画像

    Others

    【完全無料・登録不要】大容量ファイル転送サービス「ギガファイル便」の使い方

    大容量のデータを共有したいその時にオンライン上でのファイルのや…

人気の記事

CodeCamp

おすすめの参考書

PAGE TOP