WebGallery

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

*

ケーキの魅力が伝わりやすいように白黒で配色されたサイトがシンプルでおしゃれ!

   

日本の四季を感じる、旬の国産フレッシュフルーツをふんだんに使用したアート感覚あふれるケーキを販売している「Cafe comme ca(カフェコムサ)」のホームページです。

ファーストビューの色とりどりのケーキがとても綺麗なサイトです。
次々に切り替わるケーキは、見ているだけで食べたくなってきます…!
ですが、写真の上に黒のテクスチャを置くことで、左下に書かれたキャッチフレーズが際立ちます。写真のケーキに重なってしまわないよう絶妙な大きさで配置されていて、とても素敵なレイアウトです!

サイト全体の配色は白と黒で構成されていて、最新情報のサムネイル画像や会社情報などのページに移動する写真が際立って見えるようになっています。

ファーストビューでは、白色で配置されていたメニューなどはスクロールすると固定されるようになっております。
さらに、SNSなどのサブメニューなどもあるので初めはハンバーガーメニューで隠されており、カーソルを置くとメニューが全て表示される仕組みになっています。
固定メニューによって隠れてしまう部分を少しでも減らすために工夫されたメニューで、とても参考になります!

 - 写真で表現 , ,

  関連記事

コンテンツの切り替えで雪を表現する

北海道上川郡美瑛町にある「展望花畑 四季彩の丘」のホームページです。 白黒とアク …

情報の内容ごとに、デザインを変えてそれぞれの印象を持たせる

JR西日本の「あしたセレンディピティ」の特設サイトです。 女性らしく可愛らしいデ …

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

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

車の世界観に合わせたデザインがグッとくる!「Make Your own RENOCA」のサイト

トヨタのランドクルーザーとハイエースの専門店を全国展開する「フレックス」が、リノ …

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

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

スパイダーマン:ホームカミングの特設サイトがカッコいい!

2017年の8月11日に公開されたマーベルスタジオの新作映画「スパイダーマン:ホ …

左側にスライダー、右側にコンテンツのレイアウトでデザインされた花火大会のサイト2選!

あっという間に6月も中旬ですねー! 今回は、少し先ですが8月に開催される花火大会 …

北海道にあるホテルのサイトが、写真を使ったデザインでオシャレ!

北海道亀田郡七飯町にあるホテル「大沼鶴雅オーベルジュ エプイ」のホームページです …

冬の夜の静まり返った雰囲気を、画面いっぱいに表示される星空や雪のアニメーションを使って表現

2016年6月に、京都府南丹市にある宿泊や日帰りでの温泉が楽しめる温浴宿泊施設「 …

こんな素敵な宿に泊まってみたい!美しいヒーローヘッダーを使ったホテル・旅館のサイト3選

約1ヶ月ぶりの更新となってしまいました… 何だかんだで、あっという間に10月に入 …