WebGallery

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

*

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

   

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

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

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

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

 - 写真で表現 , ,

  関連記事

軽井沢にあるリゾートホテルのサイトが使いやすくて便利!

群馬県吾妻郡長野原町にあるリゾートホテル「プレジデントリゾート軽井沢」のホームペ …

キャッチコピーで興味を持たせ、写真でイメージを補完しているホテル

神奈川県鎌倉市にあるホテル「鎌倉パークホテル」のホームページです。 ファーストビ …

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

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

装飾を使わずレスポンシブしやすいデザインに

建築会社「TASSAY」のホームページです。 写真などでブロック化されたコンテン …

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

無駄な要素を除いて、エレガントで洗練された「ミニマルデザイン」のwebサイトをよ …

雑誌のようなレイアウトのスライダーを使った美容室のサイトがカッコいい!

愛知県名古屋市と豊明市にある美容室「BUSH」のホームページです。 ファーストビ …

美容室のサイトだと忘れてしまいそうなデザイン

大分県にある美容室「Mirror Mirror」のホームページです。 トップには …

思わず行きたくなる!写真でダイナミックに見せることで食欲を刺激するデザインの「THE FARM TOKYO」

2019年4月から10月末の期間限定で東京都中央区八重洲に設営された屋外型飲食施 …

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

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

動く虎たちが見ていて楽しい!病院ということを忘れさせてくれそうな「やざわ虎クリニック」のホームページ

長野県諏訪市にある内科・外科病院「やざわ虎クリニック」のホームページです。 ファ …