WebGallery

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

*

写真を最大限に利用して、雰囲気を味わえる教会

   

%e5%90%8d%e7%a7%b0%e6%9c%aa%e8%a8%ad%e5%ae%9a-1

長野県軽井沢にある、「軽井沢高原教会」のホームページです。

三角の形をした特徴的な教会の写真が幻想的なサイトです。他のページに移動するとトップページに使用していた写真がタイトル部分の背景になったり、トップページのコンテンツの切り替えなどにアニメーションを使っており、動きがとても滑らかです。

トップページのコンテンツごとの教会の写真も、1枚1枚様々な季節やイベントの写真を使用していて、色んな教会の雰囲気が伝わってきます。
また、コンテンツごとの説明文は、囲み線をつけるのではなく屋根の傾斜に合わせた斜線を左右に引いて一つの区切りにしています。全体的に装飾を必要最小限に抑えて、写真を最大限に利用したデザインで教会にいるような気分になります。

移動するときの動きを少し変えるだけでページ全体の雰囲気もだいぶ変わってきますね!

 - 写真で表現, 教会 , , ,

  関連記事

夏の風物詩

  「京の七夕」という京都で行われるイベントのWebサイトです。七夕の …

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

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

綺麗にレスポンシブされて、且つ分かりやすい

  福岡県福智町のふるさと納税特設サイトです。福智町のロゴの下に水引が …

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

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

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

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

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

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

スマートフォンから閲覧しても縦書きのまま表示されるグローバルナビ

青森県にある「八戸酒類株式会社」のホームページです。 昭和19年に創立された歴史 …

余白を使い、高級で洗練されたレイアウトにする

  2017年に公開されるトワイライトエクスプレス「瑞風」の特設サイト …

北海道にあるホテルのサイトが、写真を使ったデザインでオシャレ!

北海道亀田郡七飯町にあるホテル「大沼鶴雅オーベルジュ エプイ」のホームページです …

スパイダーマン:ホームカミングの特設サイトがカッコいい!

2017年の8月11日に公開されたマーベルスタジオの新作映画「スパイダーマン:ホ …