WebGallery

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

*

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

   

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

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

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

Message

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

  関連記事

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

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

情報を記載した部分のみ、スクロールにする

  バイオリニスト「Ayasa」さんの公式ホームページです。何種類かの …

こんな素敵な宿に泊まってみたい!美しいヒーローヘッダーを使ったホテル・旅館のサイト3選

約1ヶ月ぶりの更新となってしまいました… 何だかんだで、あっという間に10月に入 …

もうすぐバレンタイン!2019年バレンタイン特設サイトを集めました!

明日はいよいよバレンタインデーですね! 皆さんはもう誰かにチョコレートを上げまし …

背景を道に見立てたデザインの地図アプリのサイトがおしゃれ!

株式会社Strolyが制作した地図アプリ「Stroly」のホームページです。 フ …

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

京都府京都市で乗船できる「びわ湖硫水船」のサイトです。 ファーストビューに大きく …

右下にリンクテキストを配置することで、次のページに行きやすいようにする

人工芝を使ったハンドメイド商品などを制作・販売しているネットショップ「部屋とmi …

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

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

ライブカメラを設置し、リアルタイムで天候情報を届ける

長野県駒ヶ根市にある「中央アルプス 駒ヶ岳ロープウェイ」のホームページです。 ロ …

背景を白の透明度を変えたグラデーションにすることで、爽やかな印象に

東京都港区にあるカフェ「Thrush Cafe」のホームページです。 トップペー …