WebGallery

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

*

写真を枠からはみ出させたりすることで、ページに動きをつけているお店

      2016/10/27

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

福岡県朝倉郡にある「ギャラリー茶寮 南の風」のホームページです。

トップページのスライダーで使用されている写真1枚1枚がとても綺麗で、キャッチフレーズの配置もこだわりを感じます。
「暖簾」という言葉を写真の暖簾の上に置くことで、フレーズの印象がさらに際立ちます。どんな「和情緒」が広がるのかワクワクしてきます。

その下の「お知らせ」の部分の背景は、線にはみ出るように切り抜かれた食事の写真が左右に配置され、さらに花のイラストも描かれています。
背景の形は左右対称ですが、切り抜かれた写真を非対称にすることで背景にも動きができます。花のイラストは庭園風景を連想させるかのようです。

食事会が行えるということで、料理だけでなく部屋の写真もたくさん掲載されています。
大胆に使われた写真はサイトを見ているだけで庭園や料理の素晴らしさが伝わってきます。タイトルとコンテンツで文字の組み方向を変えていたり、サイト全体の動きがあって面白いです!

 - 色で表現 ,

  関連記事

デニム・ジーンズブランドのサイトがカッコいい!

メンズのデニム・ジーンズを取り扱っている「BMC JEANS – B …

ミニマルデザインのサイトがとにかくおしゃれ!

近頃一気に気温が低くなり、冬らしさが出てきた気がします。 ここまで寒いと朝起きた …

コンテンツいっぱいに写真を配置する

「放課後等デイサービス」というハッピーテラス株式会社が運営するサービスです。ロゴ …

イラストをたくさん使って可愛らしさを演出したサイトがおしゃれ!

東京台東区に本社をかまえる「株式会社 正栄デリシィ」のホームページです。 ファー …

日本の伝統文様を使い、和風をアピールする

  祗園祭の新しい魅力をアピールしているWebサイトです。ターゲット層 …

サイトを見てるだけで食べたくなる!焼きたてチーズタルトの専門店「PABLO」

「焼きたてチーズタルト専門店 PABLO」のホームページです。 コンテンツやIn …

「貫く」という言葉を表現したモーションを取り入れたデザインがカッコいい!「エン・ジャパン株式会社 新卒採用サイト」

エン・ジャパン株式会社の2018年度新卒採用サイトです。 「貫け、ジブン」という …

下部にバナーとして表示されるスライダー

北豊島園自動車学校のホームページです。 コンテンツごとに背景を変えて、可愛らしい …

黒を基調としたテイクアウト商品の販売サイトが高級感があっておしゃれ!

専門店のデリバリーサービス「TAKEOUT CAB(テイクアウトキャブ)」のホー …

カラフルなデザインで、親しみやすさを感じる塗装会社のサイトがポップで可愛い!

東京都府中市にある塗装会社「セイワ株式会社」のホームページです。 ファーストビュ …