WebGallery

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

*

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

   

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

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

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

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

 - 写真で表現 , ,

  関連記事

短冊のような縦長のコンテンツと背景の竹のイラストで和風な雰囲気を出している温泉旅館

2016年12月に千葉県佐倉市にオープンした「佐倉天然温泉 澄流 -SUMIRE …

森の中をイメージさせるサイトのデザインが可愛い!茨城県つくば市にある結婚式場「バウム」

茨城県つくば市二ノ宮の少人数結婚式の結婚式場「レストランウエディング バウム」の …

シネマグラフを使った写真が印象的!「京都 宇治 伊藤久右衛門」のサイト

「京都 宇治 伊藤久右衛門」のホームページです。 ファーストビューのスライダーが …

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

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

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

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

注目させたい所には写真を枠からはみ出させて使用する

大分県由布市にあるリゾートホテル「湯布院ガーデンホテル」のホームページです。 こ …

サイト全体の色味を抑えることで、まとまった印象を受けるイベントサイト

2016年10月22日から2017年4月9日まで神奈川県の相模原市にある「さがみ …

ジャンプ率の差を大きくしてタイトルを目立たせたツアーサイト

「UNISON SQUARE GARDEN」の6thアルバムツアー「Dr.Izz …

デザインの参考にしたい!スプリットスクリーンを使った旅館のサイト3選!

「分割式スクリーンレイアウト」や「分割式レイアウト」とも呼ばれるスプリットスクリ …

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

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