WebGallery

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

*

豊富な情報量を、シンプルなレイアウトですっきりまとめているパン屋さんのサイトがオシャレ!

   

長野県東御市にあるパン屋さん「パンと日用品の店 わざわざ」のホームページです。

ファーストビューの雑誌の写真や、パンを作っている夫婦の写真がとてもオシャレなサイトです。
色味を抑えた写真に合わせるように、サイト全体の配色も色数を抑えたデザインになっています。また、色味を抑えることで商品一覧の写真やブログの写真が際立ち、目が行くようになっています。

要所でフォントを変えているのも、画面全体に動きが出来てとてもおしゃれです。値段やボタンなどの数字や英語には斜体のフォントを使うことで、より際立って見えます。

画面左側にメニューを固定し、右側にコンテンツを配置した2カラムのレイアウトです。メニューの数がとても豊富なのですが、文字間や行間を広めにとることで、窮屈に感じることなく見れます。
1つ1つにアイコンを付けているのも、アクセントになって可愛いです!

 - 色で表現 , ,

  関連記事

ボタンを目立つ色にするのではなく、背景色を少し薄くして文字色を濃くする

商品「フェイスマスク ルルルン」のホームページです。 フェイスマスクということで …

青と黄色のみでデザイン

  東京都にある矯正歯科医院のサイトです。スウェーデンの国旗のカラーの …

アルバムごとのアイコンがすごく可愛い

  有名なColdplayのタイムラインサイトです。タイムラインで過去 …

子どもだけでなく大人の男性・女性もターゲットにした「NINTENDO SWITCH」のサイトがおしゃれ!

2017年3月3日に発売された「NINTENDO SWITCH」のホームページで …

ロゴのスラッシュを使ったデザインがカッコいい「万建設興業」

栃木県那須塩原市にある住宅建築・分譲地販売をしている「株式会社万建設興業 YES …

カラフルな色彩でインパクトのある雰囲気に

  沖縄県にある八重瀬町の野菜を紹介するホームページです。とにかく配色 …

ヨーロピアン調のパターンやイラスト、余白を大胆に使って贅沢な雰囲気のペットフード屋さん

ドイツ製のオーガニックやドックフード・キャットフードの通販をしている「プレイアー …

医療系とは思えないほどカラフルでポップなデザインのサイトが可愛くて楽しそう!

兵庫県神戸市にある医療福祉専門学校「神戸医療福祉専門学校」のホームページです。 …

映画の世界観を再現!サイトもスタイリッシュな「スパイダーマン:スパイダーバース」

2019年3月8日の金曜日に公開された「スパイダーマン:スパイダーバース」! 今 …

犬との絆がもっと深まりそうな犬用ウェアラブルデバイス

犬用ウェアラブルデバイス「INUPATHY(イヌパシー)」のランディングページで …