WebGallery

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

*

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

   

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

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

のぶしな玄米珈琲

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

 

cobuke coffee(コブケコーヒー)

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

 

KOFFEE

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

 

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

 - 写真で表現 , , ,

  関連記事

視線誘導がとても上手い「STRIA CLINIC」

福岡県福岡市にある医療レーザー脱毛専用医院「STRIA CLINIC(ストリア …

コケの写真が幻想的な通販サイト

大阪市にあるコケリウム専門通販サイト「コケのインテリア コケリウム」のホームペー …

シンプルなレイアウトで、モデルの写真を際立たせた美容院

東京都福生市と昭島市の駅前にある美容室「vivarc」のホームページです。 ファ …

地名の由来を書いてご当地にさらに興味を持ってもらう

京都市にある株式会社 きぬがさが運営する和装小物店「京こもの 衣笠」のホームペー …

ワンちゃん・ネコちゃんをメインに作られたサイトが、どれもオシャレで可愛い!

今年でうちの愛猫も2歳になるのですが、大きくなるのは早いですね… 大きくなっても …

サイトの配色だけでなく、写真の色合いも青系にしてガラス瓶の透明感を出している「びんむすめ」のサイト

日本ガラスびん協会が運営する「びんむすめ」のプロジェクトキャンペーンサイトです。 …

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

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

背景に迫力のある写真を使った動物園のサイトが面白い!

大阪府大阪市にある動物園「天王寺動物園」のホームページです。 ファーストビューの …

商品の紹介を最小限に抑え、写真を大きく見せることでスマートフォンからでも見やすくする

コーヒー機器製造メーカー「Kalita」のホームページです。 上部に固定されてい …

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

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