WebGallery

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

*

背景いっぱいにパンの写真を使ったサイトがおいしそう!

      2017/07/08

敷島製パン「Pasco」のホームページです。

ファーストビューのスライダー写真のパンがとても美味しそうなサイトです。
2カラムのレイアウトで、スライダー固定でそのまま背景になります。情報量が豊富で縦長な分、スライダーが背景にもなるのは斬新なデザインです!

レイアウトがシンプルな分、グローバルナビや商品一覧の部分に、クレヨンで描いたようなイラストを使って暖かさを出しています。
グローバルナビをクリックすると、ページを移動するのではなくコンテンツがスライド表示されます。
移動することなく、見たい内容がスルッと表示されるのでストレスなく見ることができます。

 - 写真で表現

  関連記事

札幌にある建設会社のサイトが、雑誌のようなレイアウトでおしゃれ!

札幌市にある建設会社「竹内建設」のホームページです。 左側にスライダー、右側にイ …

ワンちゃん・ネコちゃんをメインに作られたサイトが、どれもオシャレで可愛い!

今年でうちの愛猫も2歳になるのですが、大きくなるのは早いですね… 大きくなっても …

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

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

写真を大きく使い、インパクトを持たせる

  旅行に関する商品を制作している会社のWebサイトです。世界各所の絶 …

家族写真を撮ってくれるスタジオのサイトが透明感があってキレイ!

東京都渋谷区にあるスタジオ「Holidays PhotoService」のホーム …

写真を使ってコンテンツを際立たせた旅館サイト

北海道の阿寒湖温泉街にある温泉宿「あかん鶴雅別荘 鄙の座」のホームページです。 …

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

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

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

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

メニューで隠れてしまう項目を下に表示させる

三重県菰野町湯の山温泉近くにあるホテル「ホテル 湯の本」のホームページです。 左 …

文字の太さで強調する部分をはっきりさせる

  千葉県の海浜幕張公園で行われる花火フェスタのホームページです。背景 …