画像領域とナビゲーションメニューが組み合わさったファーストビューとなっていて、サイトの構成が明確でわかりやすく、爽やかな色合いで雰囲気を演出しています。また、画像下部にはチケット購入ページへのリンクや予約状況の確認、その日の営業時間などのユーザが優先的に求める情報が表示されており、利便性の高い設計が考えられています。スクロールしていくと各コンテンツの表示が、サムネイルリンク写真とカラーのテキストボックスが合わせて配置されていて美しいバランスが見ていて気持ちの良いサイトに仕上がっています。一部背景にも水槽内の写真を用いていて全体の雰囲気が統一されたクオリティの高いサイトです。
カテゴリ
基本情報
水族館に関連するデザイン
- 「横浜・八景島シーパラダイス」のホームページデザイン解説
画面左側に縦長のナビゲーションメニューを固定し、コンテンツエリアを広く取ったレイアウトです。コンテンツはモノトーンのシンプルな色使いですが、ピックアップコンテンツの背景には水槽内の写真を背景に置いて他のエリアと区別をつけると同時に、水族館ら...
- 「沖縄美ら海水族館」のホームページデザイン解説
水族館の美しい風景とイベント情報の楽しいビジュアルをスライドショーを使って全幅表示し、その上にガイドメニューと最新情報のタブボックスをずらして重ねた、シンプルな中に変化を持たせたレイアウトです。画面の上下をピュアブラックで締め、ダークグレー...
- 「すみだ水族館」のホームページデザイン解説
ファーストビューでは背景に映像が流れていて、館内の雰囲気が良くわかるとともに、おしゃれな雰囲気を演出する役割となっていて効果的な構成になっています。スクロールをしていくと、シチュエーションから選ぶという項目があり、シーンに合わせてプランを提...
サービスサイトに関連するデザイン
- 「TRIPPIN」のホームページデザイン解説
海外の旅行をメインにしたコミュニティプラットフォームサイトで、隙間なく並べられた角丸長方形のサムネイルにはヒートマップ風にドットが重ねられており、記事ページに移動すると同じ色のピンがマップに重ねられています。画面左2/3がマップ、残りのエリ...
- 「Gare Centrale de Montréal」のホームページデザイン解説
カナダにあるモントリオール中央駅のサイトです。メインビジュアルは3枚並んだフラットなテイストのイラストで、それぞれが駅の周辺情報・ショップガイド・運行情報への入り口となっており、マウスオーバーするとキャプションが下からせりあがってくる仕組み...
- 「stimmt」のホームページデザイン解説
オランダのデザイン会社のサイトです。ファーストビューではダークな画面に流線型のグラフィックが浮かび上がり、その上にホワイトのフォントでメッセージが重ねられた画面が目を引きます。モノトーン中心の配色に鮮やかなピンクが映え、スタイリッシュな中に...
ホワイトを使ったデザイン
- 「GINZA WEDDING BOOK 25ans」のホームページデザイン解説
銀座に連なるブライダル関係のショップ・ブランドをまとめたサイトです。ファーストビューでは銀座の時計台をバックに微笑むウェディングドレスを着た女性が全画面に表示された後、画面が切り替わると画面左が主要ショップのスライドショー、右はショップカテ...
- 「WEEK END」のホームページデザイン解説
ファーストビューはスタイリッシュな写真と製品の切り抜き写真を切り替えるスライドショーを組み合わせてメインビジュアルとしており、スライドショーを切り替えるとビジュアルも連動して切り替わる仕組みになっています。サイトに使われている写真もモノトー...
- 「美容室MILLOR」のホームページデザイン解説
ファーストビューには何ができる美容院かがしっかりと表現され、関連するイラストや写真や手書きの文字がまとめられた伝えたいメッセージが明確で理解がしやすいホームページです。その下にはLOOKBOOKと題し、様々な髪型のモデルが並んでいます。どん...
シンプルなホームページのデザイン
- 「介護付有料老人ホーム アンサンブル&ファミニュー」のホームページデザイン解説
グレーをベースにブラックをアクセントにしたサイトです。ファーストビューでは、介護付き有料老人ホーム「アンサンブル・ファミニュー」を紹介しています。グローバルナビにて「施設を探す」、「施設をもっと知る」などを案内しています。エリアマップから、...
- 「博報堂 HAKUHODO Inc.」のホームページデザイン解説
ファーストビューは画面中央にシンプルに配置されたキャッチコピーと小さな円のアニメーションで構成されたメインビジュアルで、アニメーションは時間経過とともに正方形のコンテンツサムネイルと交互に表示される構成です。同様のエフェクトは新着記事のサム...
- 「【公式】老人ホーム・デイサービス「はなことば」」のホームページデザイン解説
グレーをベースに、オレンジやネイビーをアクセントにしたサイトです。ファーストビューでは、老人ホーム・デイサービス「はなことば」を紹介しています。ファーストビューに「随時、内覧受付中!」のオレンジのアイコンが貼ってあります。グローバルナビにて...