WebGallery

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

*

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

   

名称未設定 1開創から1200年を迎えた高野山の公式ホームページです。トップにあるそれぞれの写真と蛍の光、そして薄く配置された家紋がとても幻想的な雰囲気を演出しています。余白とロゴに合わせた明朝体を組み合わせ、背景のテクスチャや色合いが伝統や歴史を感じるデザインです。スマートフォンで閲覧するとグローバルナビもこだわっており、タップすると表示にも動きがあります。そしてこのページのhtmlのソースコードも凄い!です

トップやサブページのタイトル部分には背景にyoutubeを使用した映像を流すことで、どんなコンテンツか一目で分かるように工夫されています。地図のページではアイコンに高野山のゆるキャラ「こうやくん」が配置されていたり、山内マップではマウスホバーすると拡大して閲覧することもできます。写真にも枠からはみ出すことで動きがあるように感じられ、見て楽しめる、知ることが出来るデザインだと感じました。

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

Message

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

  関連記事

冬の夜の静まり返った雰囲気を、画面いっぱいに表示される星空や雪のアニメーションを使って表現

2016年6月に、京都府南丹市にある宿泊や日帰りでの温泉が楽しめる温浴宿泊施設「 …

コンテンツ毎に文章の配置を変え、見出しを強調するレイアウトにする

静岡県伊東市にある隠れ宿「花の雲」のホームページです。 まず、画面いっぱいに表示 …

水色を使って清潔感・清楚感を出したコンタクトレンズの企業サイト4選

普段仕事しているときはコンタクトをつけているのですが、瞬きをするのをついつい忘れ …

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

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

金額やカテゴリを絞って特典を選べる検索フォームが便利!岡山県備前市のふるさと納税サイト

岡山県備前市のふるさと納税特設サイトです。 ファーストビューの写真の配置がとても …

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

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

イラストを使ってテント用品の名称を分かりやすく見せたテント用品販売サイト

東京都だけでなく、宮城県や福島県・愛知県・京都府などに店舗をかまえ、テント用品を …

愛媛ならではのサイクリングコースを紹介した「ゆっクル」

愛媛ならではの温泉めぐりのサイクリングコースを紹介している「湯めぐりサイクル」の …

シンプルなデザインのヘアサロンのサイトが、おしゃれでカッコいい!

原宿・表参道・渋谷・青山・鎌倉にある美容室/ヘアサロン「vicca(ヴィッカ)」 …

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

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