WebGallery

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

*

とにかくオシャレ!ミニマルデザインを取り入れたカフェのサイト3選!

   

無駄な要素を除いて、エレガントで洗練された「ミニマルデザイン」のwebサイトをよく目にするようになりました。

今回は、ミニマルデザインを取り入れたカフェのサイトを3つご紹介します!

のぶしな玄米珈琲

こちらはファーストビューの背景に動画を取り入れていて、自然豊かな環境で作られているということが伝わってきます。
トップページはロゴとメニューのみのとてもシンプルな構成ですが、背景に動画を使用することで、のぶしな玄米珈琲の雰囲気や製造の様子が分かりやすく伝わってきます。

 

cobuke coffee(コブケコーヒー)

こちらもファーストビューの背景にスライダーを使用しています。
珈琲を飲んで笑顔になっているお客さんの写真や談笑しているグループの写真など、色々なアングルで撮影された写真がとても印象的です。
サブページもファーストビューに大きく写真を入れているので、構成がシンプルな分、写真の雰囲気でどんなお店なのかが伝わりやすくなっていますね!

 

KOFFEE

こちらは店舗を少し変わった形で紹介しています。
中央右側に「KOFFEE」という文字が固定され、左側には地域が縦にスライドしています。黒い文字の地域と「KOFFEE」の文字が横一列になると、写真が浮き出てくる仕組みで、とても印象的なサイトです!

 

ミニマルデザインは構成がとてもシンプルなので、レスポンシブとも相性が良くスマートフォンからでもスッキリとしたレイアウトでとても見やすいです!
洗練されたデザインで、とってもオシャレなサイトが多いですね!

 - 写真で表現 , , ,

  関連記事

文字間や行間をあけて見た目をすっきりさせることで、文章を読みやすくする

愛知県名古屋市にある「名古屋外国語大学」の受験生サイトです。 写真を多様に使い、 …

写真を大きく使い、インパクトを持たせる

  旅行に関する商品を制作している会社のWebサイトです。世界各所の絶 …

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

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

綺麗な写真を大胆に使ったホテルのサイトが、高級感があって綺麗!

神奈川県足柄下郡にある高級料亭温泉旅館「山翠楼」のホームページです。 ファースト …

綺麗になれそうな美容外科

東京都豊島区にある美容・形成外科「エルテ大塚クリニック」のホームページです。 フ …

明朝体で高級感を

  石川県にある金箔を取り扱っている会社のホームページです。和風なテイ …

5時間以上かけて炉窯で焼きあげる

東京都渋谷区にある薪焼きレストラン「炉窯ステーキ 煉瓦」のホームページです。 ト …

浴衣の色合いや金魚を使って清涼感を出した「鈴乃屋ゆかたコレクション2018」のサイトが綺麗!

鈴乃屋ゆかたコレクション2018「2018 YUKATA COLLECTION」 …

インパクトのある構図で撮影された写真で、思わずクリックしたくなるような旅行記ブログが素敵!

西村 沙羊子さんの旅行記サイト「salt | oniguili」です。 ファース …

折り紙の発想から生まれたオフィスチェア「FLIP FLAP」の特設サイトが、オフィスチェアのデザインを使ったレイアウトでカッコいい!

折り紙の発想から生まれたオフィスチェア「FLIP FLAP」の特設サイトです。 …