WebGallery

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

*

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

   

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

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

のぶしな玄米珈琲

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

 

cobuke coffee(コブケコーヒー)

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

 

KOFFEE

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

 

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

 - 写真で表現 , , ,

  関連記事

テキストが最大限に排除されたトップページがカッコいい設計事務所

広島県広島市にある設計事務所「株式会社トランスデザイン」がプロデュースした新築の …

様々なところに写真を使って幼稚園の雰囲気を伝えているサイト

栃木県栃木市にある幼稚園「ふじおか幼稚園」のホームページです。 1枚1枚個性的な …

背景にまぎれないように、文字に少しだけ影をつけて強調させる

11月7日から八景島シーパラダイスで行われているイルミネーションイベント「楽園の …

楽しみながら美容を学べる「九州美容専門学校」

熊本県熊本市にある「九州美容専門学校」のホームページです。 モデルさんの顔を大き …

写真を様々な形に切り取ることでアクセントに

  表参道にある鳥カフェのホームページです。アクセントに様々な種類の鳥 …

石川県にある道の駅のサイトがシンプルでおしゃれ!

石川県羽咋市にある道の駅「いい道の駅 のと千里浜」のホームページです。 ファース …

写真の雰囲気を大切にした、カフェのような写真館

兵庫県姫路市にある写真館「ism(イズム)」のホームページです。 茶系統でまとめ …

ボタニカル!なデザインの植物販売サイト5選

最近CMなどで「ボタニカル」というキーワードをよく耳にするようになりました。 「 …

訪問看護事業のサイトが、従業員の写真をたくさん使っていて親しみやすい!

東京都江戸川区と沖縄県豊見城市に事務所をかまえる訪問看護事業「ウィル訪問看護ステ …

思わず家を買いたくなる不動産屋さん

岡山県岡山市にある住宅建設業「昭和住宅岡山支店」のホームページです。 緑を基調と …