WebGallery

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

*

アニメーションを使って分かりやすく見所を紹介している「びわ湖硫水船」のサイト

   

京都府京都市で乗船できる「びわ湖硫水船」のサイトです。

ファーストビューに大きく配置されたスライダーの写真が、とても綺麗なサイトです。
様々な角度から撮影された見所スポットの1つ「第一トンネル東口洞門」の写真や、桜並木を撮影した写真などがスライダーで紹介されています。
特に1枚目の、緑の中で囲まれたトンネルの写真は、神秘的な雰囲気がありますね!

 

「琵琶湖硫水の見所」を紹介しているページがすごい!

船の通り道にある見所を紹介しているページがあるのですが、トップページのスライダーのレイアウトに合わせて、ルートと見所を紹介している動画が流れるようになっています。

可愛らしくパステルカラーで描かれた地図で、分かりやすく見所の吹き出しが表示される仕組みになっています。
それだけでなく、ルートの近くにある寺や、桜・紅葉が見れるスポットもさり気なく紹介されています!

最後まで行くとリプレイのボタンも表示される仕組みになっているので、ファーストビューでスポットが分かりやすく紹介される素敵なページになっていますね!

 

普通に乗るだけでもとても楽しそうですが、見所やトンネルの歴史などを知っていると、より深く楽しめそうですね!
ぜひ1度は乗ってみたいです!

 - 写真で表現 , ,

  関連記事

キャッチコピーで興味を持たせ、写真でイメージを補完しているホテル

神奈川県鎌倉市にあるホテル「鎌倉パークホテル」のホームページです。 ファーストビ …

サイト全体の動きをゆっくりさせて、旅館の穏やかな雰囲気で過ごせるイメージを演出する

新潟県新発田市にある旅館「白玉の湯 華鳳」のホームページです。 黒と黄色を基調と …

5時間以上かけて炉窯で焼きあげる

東京都渋谷区にある薪焼きレストラン「炉窯ステーキ 煉瓦」のホームページです。 ト …

動きや写真で伝統や歴史の重さを表現する

開創から1200年を迎えた高野山の公式ホームページです。トップにあるそれぞれの写 …

コンテンツの背景に京都の写真を使ったサイトのデザインが大胆でおしゃれ!

京都府京都市にある「株式会社らくたび -洛を旅するらくたび-」のホームページです …

「こんな美容室に行ってみたい!」と思う美容室サイトがシンプルでおしゃれ!

東京都世田谷区にある美容室「Rodina」のホームページです。 トップページのス …

デザインの参考にしたい!スプリットスクリーンを使った旅館のサイト3選!

「分割式スクリーンレイアウト」や「分割式レイアウト」とも呼ばれるスプリットスクリ …

ヘッダーに固定された屋根と黒い背景で奥行きを出す

群馬県前橋市にある料理店「登利平」のホームページです。 ヘッダー上部にある屋根が …

トップに大きく表示されるムービーで旅館の雰囲気を伝え、いちおしの情報をバナー画像でスライド表示させる

鳥取県米子市にある温泉旅館「海色・湯の宿 松月」のホームページです。 トップに大 …

パステル調の明るく爽やかな「夏」の印象な「鈴乃屋のゆかた 2016」

「きもの鈴乃屋」のゆかたコレクションの特設サイトです。 浴衣ということで、風鈴や …