WebGallery

Webデザインの初心者がスマートフォン対応しているWebサイトを淡々と紹介していくサイトギャラリーです。

*

見る人を飽きさせず、旅の目的ごとにお勧めスポットが分かる構成

      2015/08/06

名称未設定 1

 

利賀芸術公園の特設サイトです。大きく3つの写真を用いたブロックで分けられ、左上にロゴマークが固定され、ページの上部ではなく下部にグローバルナビが固定された、少し珍しいデザインのサイトです。また、グローバルナビとは別に右側にもボタンが配置してあり、どのページにいるのか把握しやすい構成で作られています。スマートフォンで閲覧するとトップが緑で埋め尽くされ、下矢印をタップすると色が反転するのも面白いです。

下にスクロールすると1つずつキャッチのようなデザインになっており、利賀の風景をバックに文章が書かれたり、目的ごとにブロックでボタン化されたり、旅の目的ごとにお勧めスポットを紹介したりと見る人を飽きさせないデザインで作りこまれていると感じました。サブページに飛ぶとフラットデザインで簡潔にまとめられたページデザインになり、1つ1つのページがとても見やすく、よくまとまっているサイトだと思います。

 - 写真で表現, 動きで表現

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

  関連記事

コンテンツの区切りを波のアニメーションにすることで、ワインぽさを演出したサイト

山梨県笛吹市にあるワイン製造工場「モンデ酒造」のホームページです。 コンテンツの …

シネマグラフを使った写真が印象的!「京都 宇治 伊藤久右衛門」のサイト

「京都 宇治 伊藤久右衛門」のホームページです。 ファーストビューのスライダーが …

背景にまぎれないように、文字に少しだけ影をつけて強調させる

11月7日から八景島シーパラダイスで行われているイルミネーションイベント「楽園の …

シンプルなレイアウトで、モデルの写真を際立たせた美容院

東京都福生市と昭島市の駅前にある美容室「vivarc」のホームページです。 ファ …

「Golden」にかけた黄金のアニメーションがとても幻想的!フェレロ ロシェのキャンペーン公式サイト

「Ferrero Rocher(フェレロ ロシェ)」のキャンペーン公式サイトです …

背景に迫力のある写真を使った動物園のサイトが面白い!

大阪府大阪市にある動物園「天王寺動物園」のホームページです。 ファーストビューの …

配色をカラフルにするだけでなく、アニメーションもたくさん使ったサイトのデザインが可愛い!

熊本県熊本市にある食のテーマパーク「株式会社フードパル熊本」のホームページです。 …

寒色系の色を使い、清涼感を出す

  (((さらうんど)))というポップスバンドの公式ホームページです。 …

とにかくオシャレ!ミニマルデザインを取り入れたカフェのサイト3選!

無駄な要素を除いて、エレガントで洗練された「ミニマルデザイン」のwebサイトをよ …

写真を使って奥行き感のあるデザインにした料理店のサイトがおしゃれ!

長野県上田市にあるビストロ料理店「Fika」のホームページです。 ファーストビュ …