WebGallery

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

*

うっとりする写真が盛りだくさんの「休暇村」

   

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

休暇村協会が運営している「休暇村」のホームページです。

背景に和紙のようなテクスチャを使った写真をメインにしたサイトです。ファーストビューで表示される壮大な山の写真や紅葉の美しい写真など思わず生で見たくなる写真をスライダーで表示しています。文字は明朝体で統一され、大人っぽさ・落ち着いた雰囲気を演出しています。

トップページの下の方に行くと、「休暇村の楽しみ方」を紹介している部分があるのですが、20個の縦長のボタンがスライドしています。写真の切り取り方がとても綺麗で、どんな内容なのかパッと見ただけで分かるようになっています。バスツアーや写真など、キーワードを黄色にして目立たせていたり、文字が写真に埋もれてしまわないよう薄く影を付けたりといった工夫をしています。

休暇村の一覧を見ているだけで「どこに行こう」とワクワクしてくるデザインです!

 - 色で表現

  関連記事

「青い池」を連想させる色を使った配色の美瑛町

北海道美瑛町のホームページです。 美瑛町の有名な「青い池」の写真がとても印象的な …

映画の雰囲気を大切にしたデザイン

2016年の9月1日から公開されている映画「グランドイリュージョン 見破られたト …

イラストレーションでイラストを使用し、分かりやすく可愛らしく

一級建築士事務所「朝日リビング」のホームページです。賃貸物件のリノベーションや個 …

学生に馴染みやすく・伝わりやすい「関西テレビ 採用情報」

関西テレビ放送の2017年度採用情報が掲載されている「関西テレビ RECRUIT …

暖色系を使ったり、日本画風のイラストで昭和レトロな雰囲気を演出したイベントサイト

2017年1月20日から29日まで横浜赤レンガ倉庫で開催されている「鍋小屋201 …

カットスタイルごとのギャラリーで好みの髪型をすぐ見つけられる美容院

渋谷にある美容院「Pure Soul」のホームページです。 トップページのスライ …

タイトルと本文のフォントを使い分けることで、強調したい部分をはっきりさせる

東京都にある「国立大学法人 電気通信大学」のホームページです。 清涼感のあるキャ …

青とゴールドの組み合わせがゴージャス!なバーのサイト

今年もあと僅かになりましたね… 何だか今年はあっという間だった気がします(毎年言 …

1つの場所に複数のコンテンツを掲載し、スクロールを減らす

NPO法人「夢職人」のホームページです。 子供や若者を対象としたイベントを企画・ …

パステルの色合いがいい、加減。

松山市総合政策部シティプロモーション推進課が運営する「いい、加減。まつやま」のホ …