WebGallery

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

*

パンやスイーツの種類を見やすくカテゴリで分ける

      2015/11/25

名称未設定 1北海道の釧路市にあるパン屋さん「Pan de pan」のホームページです。

お店のシンボルカラーでもある赤を基調にした少しポップで可愛らしいデザインです。メニューを左側に固定することで、一番上に戻らなくてもすぐに別のページに飛ぶことが出来るので便利な構成ですね。

トップページには最新情報と周辺の観光地である阿寒湖温泉の天気まで見れるのでこれもまた便利です。また、タイル状に配置されたおすすめのパンは、どれも美味しそうで見ていて飽きないですね。

パンの種類を紹介している「BREAD」のページややスイーツを紹介している「SWEETS」のページでは、取り扱っている商品だけを並べるのではなく、そこからさらにカテゴリごとに見ることも可能になっています。種類が豊富な分、こういう配慮は見る側にとってもありがたいですし、目的の品をすぐに見つけることが出来るので素晴らしいです。

スマートフォンで閲覧しても崩れにくいレイアウトになっているので、とても参考になりました。

 - 色で表現 ,

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

  関連記事

トップページにメニューを載せ、カラフルな構成に

  「朝食フェス2015」の特設サイトです。メニューをブロック化して掲 …

色や動きを使ってイベントの雰囲気を演出したイベントサイトがおしゃれ!!

2017年4月22日の土曜日から7月2日の日曜日まで、東京都港区にある「アクアパ …

光の空間をイメージさせるアニメーションを使ったイベントサイト

「ハーモニアスひかりアベニュー」を東京・行幸通りで2016年12月24日から12 …

三角形を使って作られた「花と緑と水の町」のふるさと納税サイト

宮崎県三股町のふるさと納税特設サイトです。 黄色と黒を基調としたパキッとしたデザ …

茶系の背景色を使ったレトロなデザインで、馬に触れ合える歴史ある施設を表現した馬のテーマパーク

北海道苫小牧市にある馬のテーマパーク「ノーザンホースパーク」のホームページです。 …

ロゴを使ったファーストビューがインパクト大!東京都の「みるみるクリニック」

東京都江東区にある、小児科・内科・アレルギー科「みるみるクリニック」のホームペー …

ビアガーデンらしくないデザイン

  都内のビアガーデンのサイトです。女性をターゲットに絞り、色合いを可 …

ロゴカラーで統一された心療内科クリニック

埼玉県さいたま市にある心療内科クリニック「新都心むさしのクリニック」のホームペー …

建物の外観を連想させる背景のアニメーション

東京都千代田区にある「有楽町マリオン」のホームページです。 背景のアニメーション …

アルバムイメージに沿ったデザイン

  The Scriptの公式ホームページです。こちらは前回のClea …