WebGallery

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

*

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

      2016/10/27

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

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

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

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

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

 - 色で表現 ,

  関連記事

水彩絵の具のような優しい色合いにすることで、女性の方でも親しみやすいデザインになっているリフォーム会社がおしゃれ!

愛知県豊橋市・浜松市のリノベーション・リフォーム会社「株式会社リビングサーラ」の …

砂浜のような背景や、波を連想させる区切り線で海の近くをイメージさせるホテル

鹿児島県西之表市にあるホテル「ホテルニュー種子島」のホームページです。 ファース …

就活生に語りかけるキャッチコピーがインパクト大!兼松株式会社の新卒採用サイト

「兼松株式会社」の2019年度新卒採用サイトです。 ファーストビューの動画がとて …

名古屋にあるパン屋さんのサイトが、レトロな雰囲気でオシャレ!

愛知県名古屋市梅森坂でベーカリー&カフェを営んでいる「パン屋さん マイロ」のホー …

可愛いイラストと写真で子供にも大人にも見やすいフロアマップ

福岡県春日市にある小児歯科医院「にこにこ小児歯科」のホームページです。 スライダ …

雪を降らせたり、文字やイラストを白で統一して冬を演出する

2016年の11月10日から、2017年の2月19日まで開催している「東京ドーム …

子供連れのママさん世代やその子供をターゲットにした歯医者さん

長崎県長崎市にある歯医者「田口歯科医院」のホームページです。 柔らかい配色が可愛 …

アルバムイメージに沿ったデザイン

  The Scriptの公式ホームページです。こちらは前回のClea …

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

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

スライダーとメニューが歯の形になっている特徴的なデザイン

石川県金沢市にある歯科医院「ハッピー歯科医院」のホームページです。 トップのスラ …