水族館の美しい風景とイベント情報の楽しいビジュアルをスライドショーを使って全幅表示し、その上にガイドメニューと最新情報のタブボックスをずらして重ねた、シンプルな中に変化を持たせたレイアウトです。画面の上下をピュアブラックで締め、ダークグレーとブルーの濃淡で変化を持たせたフラットなデザインです。館内案内は各階のリンクにその階の代表的な魚を使い、展示されている魚のイメージがつかみやすくなっています。下層ページでは水族館の全景をぼかした写真をバックグラウンドに使い、奥行きを感じさせます。
執筆者
カテゴリ
基本情報
水族館に関連するデザイン
-
「横浜・八景島シーパラダイス」のホームページデザイン解説画面左側に縦長のナビゲーションメニューを固定し、コンテンツエリアを広く取ったレイアウトです。コンテンツはモノトーンのシンプルな色使いですが、ピックアップコンテンツの背景には水槽内の写真を背景に置いて他のエリアと区別をつけると同時に、水族館ら...
-
「海遊館」のホームページデザイン解説画像領域とナビゲーションメニューが組み合わさったファーストビューとなっていて、サイトの構成が明確でわかりやすく、爽やかな色合いで雰囲気を演出しています。また、画像下部にはチケット購入ページへのリンクや予約状況の確認、その日の営業時間などのユ...
-
「すみだ水族館」のホームページデザイン解説ファーストビューでは背景に映像が流れていて、館内の雰囲気が良くわかるとともに、おしゃれな雰囲気を演出する役割となっていて効果的な構成になっています。スクロールをしていくと、シチュエーションから選ぶという項目があり、シーンに合わせてプランを提...
サービスサイトに関連するデザイン
-
「島田工房」のホームページデザイン解説メインビジュアルは3枚の指輪着用シーンで構成されたスライドショーで、写真の片側にグラデーションをかけることで上に配置したキャッチコピーを読みやすくし、同時に穏やかな空気を感じさせます。コンテンツの切り替え部分は帯状にトリミングした写真を配置...
-
「株式会社中島利七_利七屋」のホームページデザイン解説メインビジュアルは店舗の内観と取り扱い商品のアップ写真で構成されたスライドショーで、中央には店舗名、左上には営業時間と連絡先が記載されています。オレンジをアクセントカラーにしたフラットなデザインで、タイル状に並べられたコンテンツのサムネイル...
-
「坂井輪幼稚園・坂井輪東幼稚園」のホームページデザイン解説画面中央に配置された建物の写真は背景にイエローの帯を敷き、写真を囲むようにドットのテクスチャを施した円を配置した、ポップな印象のファーストビューです。柔らかいイエローを中心にブルーやグリーンのドットのテクスチャを取り入れ、画面上端にはガーラ...
ブルーを使ったデザイン
-
「平安セレモニー株式会社_セレモニーホールへいあん」のホームページデザイン解説メインビジュアルは女性二人の会話を捉えた写真に、丸みのあるフォントで縦書きのキャッチコピーを重ねています。くすんだブルーを差し色にしたシンプルな1カラムのレイアウトで、画面スクロールとともにコンテンツがふわりと浮かび上がる効果をかけて穏やか...
-
「株式会社ケィ・ユーシステム」のホームページデザイン解説メインビジュアルのスライドショーは、シンプルなラインで描かれたイラスト、紙で作られたトラックの模型など様々なテイストの写真を用いて企業の魅力を紹介しています。鮮やかなブルーをメインにしたさわやかな色使いで、アイコンやリンクボタンに使われたイ...
-
「本郷メディカルソリューションズ株式会社_M&A」のホームページデザイン解説メインビジュアルでは力強いキャッチコピーとともに企業の実績をラベル風のデザインで大きく表示し、サイトを訪れたユーザーに信頼感を与えます。さわやかなブルーグリーンをメインに、オレンジとネイビーをアクセントカラーにした色使いが鮮やかでパッと目を...
ポップなホームページのデザイン
-
「株式会社りぶはあと」のホームページデザイン解説ぬいぐるみを多く取り入れたインテリアの写真と、メニューの下に配置されたぬいぐるみの寝そべる姿が可愛らしい印象をまず与えます。淡いベージュとブラウンを中心としたナチュラルな色使いで、スタンプ風のタイトルやサムネイルの手書き風のフォント、淡い水...
-
「キングファミリー」のホームページデザイン解説メインビジュアルは画面幅を3等分した画像に半透明の円形でタイトルを乗せたビジュアルで構成されており、それぞれマウスオーバーすると下からグラデーションがせり上がってきて、その上に説明文が表示される仕組みです。コンテンツの背後には古着の切り抜き...
-
「小金井自動車学校」のホームページデザイン解説ファーストビューでは画面幅いっぱいに教習所の紹介ムービーが流れ、中央には教習所の実績を表すキャッチコピーと、資料請求や仮入校申し込みなどの問い合わせへのリンクボタンが配置されています。オレンジとグリーンをアクセントカラーにした明るい色使いと...
