画像領域とナビゲーションメニューが組み合わさったファーストビューとなっていて、サイトの構成が明確でわかりやすく、爽やかな色合いで雰囲気を演出しています。また、画像下部にはチケット購入ページへのリンクや予約状況の確認、その日の営業時間などのユーザが優先的に求める情報が表示されており、利便性の高い設計が考えられています。スクロールしていくと各コンテンツの表示が、サムネイルリンク写真とカラーのテキストボックスが合わせて配置されていて美しいバランスが見ていて気持ちの良いサイトに仕上がっています。一部背景にも水槽内の写真を用いていて全体の雰囲気が統一されたクオリティの高いサイトです。
執筆者
カテゴリ
基本情報
水族館に関連するデザイン
-
「横浜・八景島シーパラダイス」のホームページデザイン解説画面左側に縦長のナビゲーションメニューを固定し、コンテンツエリアを広く取ったレイアウトです。コンテンツはモノトーンのシンプルな色使いですが、ピックアップコンテンツの背景には水槽内の写真を背景に置いて他のエリアと区別をつけると同時に、水族館ら...
-
「沖縄美ら海水族館」のホームページデザイン解説水族館の美しい風景とイベント情報の楽しいビジュアルをスライドショーを使って全幅表示し、その上にガイドメニューと最新情報のタブボックスをずらして重ねた、シンプルな中に変化を持たせたレイアウトです。画面の上下をピュアブラックで締め、ダークグレー...
-
「すみだ水族館」のホームページデザイン解説ファーストビューでは背景に映像が流れていて、館内の雰囲気が良くわかるとともに、おしゃれな雰囲気を演出する役割となっていて効果的な構成になっています。スクロールをしていくと、シチュエーションから選ぶという項目があり、シーンに合わせてプランを提...
サービスサイトに関連するデザイン
-
「TNER」のホームページデザイン解説グレーをベースにブラックをアクセントにしたサイトです。ファーストビューでは、TNER（トナー）のレンタルオフィスを紹介しています。レンタルオフィスの室内が写っています。トップページの左右に分けたグローバルナビにて、レンタルオフィスのご利用方...
-
「buddies」のホームページデザイン解説ホワイト×ブラックをメインカラーに、スタイリッシュなイメージで構成されたサイトになっていて、その中にキーカラーとして鮮やかなパステルグリーンが用いられていることで、目に止まりやすく統一感のあるデザインにまとめられています。「About bu...
-
「Viens-là」のホームページデザイン解説ファーストビューでは円形のオブジェクトが画面上を浮遊しているような表現が展開されていて、ポップで可愛らしい演出になっています。円形のオブジェクトはカーソルの動きに反応した様々なモーションが加えられていて、スクロールした先では画像領域に変化し...
ホワイトを使ったデザイン
- 「buddies」のホームページデザイン解説
ホワイト×ブラックをメインカラーに、スタイリッシュなイメージで構成されたサイトになっていて、その中にキーカラーとして鮮やかなパステルグリーンが用いられていることで、目に止まりやすく統一感のあるデザインにまとめられています。「About bu...
-
「Tokyo Ueno Wonderer」のホームページデザイン解説ファーストビュー画像領域ではスライドショーで画像が切り替わる表示が展開されていて、印象的な構成になっています。さらに画像はゆっくりとズームアウトしていくモーションが加えられていて、動きがあることで目に止まりやすい効果となっています。また、画...
-
「メイテック」のホームページデザイン解説サイズ違いの画像領域が横に並んだファーストビューがオリジナリティのあるデザインになっています。画像領域では2面同時に画像が切り替わる仕様になっていて、それぞれに別の画像が表示されることで目に止まりやすい構成になっています。上部に設置されたナ...
シンプルなホームページのデザイン
-
「株式会社メルカリ」のホームページデザイン解説グレーをベースにレッドをアクセントにしたサイトです。ファーストビューの右から左へ、メルカリのプレスリリース情報をスライドさせています。2本ラインのメニューボタンにて、メルカリからのお知らせや会社情報などを案内しています。トップページの中央に...
- 「TNER」のホームページデザイン解説
グレーをベースにブラックをアクセントにしたサイトです。ファーストビューでは、TNER（トナー）のレンタルオフィスを紹介しています。レンタルオフィスの室内が写っています。トップページの左右に分けたグローバルナビにて、レンタルオフィスのご利用方...
-
「東京有明医療大学 OPEN CAMPUS」のホームページデザイン解説ホワイトをベースにネイビーをアクセントにしたサイトです。ファーストビューでは、東京有明医療大学に通う学生達の実習の様子が写っています。3本ラインのメニューボタンにて学習・研究、キャンパスライフなどを案内しています。トップページの中央に、東京...