Blog スタッフブログ

2026.06.24

WEB制作デザイン

こんにちは、Webデザイナーのそいです。

今年はちゃんと梅雨らしい梅雨がやってきていますね。今回はそんな雨がたくさん降るシーズンと夏に活躍する、傘用品のサイトデザインをまとめてみました。

前原光榮商店

高級傘メーカー、前原光榮（まえはらこうえい）商店のサイトです。

TOPページはナビゲーションが中央に配置された、ファーストビューのみの極めてシンプルなレイアウトです。

オンラインショップ以外では傘（製品）の画像が使われておらず、一見傘メーカーのホームページとは思えない印象的なサイトです。

コンセプトページにおいても余白が活かされたレイアウトで製品づくりへのこだわりや工程が端的にまとめられています。職人の技術や生地・材質のこだわりに焦点を当てられた構成で気品漂う世界観が広がっていました。

次に完全遮光の日傘が売りのサンバリア100のサイトです。

ブランドサイトとオンラインショップを兼ね備えたサイトです。

商品画像も背景は白でまとめられており落ち着きのある上品なモノトーン。全体的に余白も大きく取られたミニマルな印象です。

「完全遮光の日傘」という商品を“日陰”や“白”を使って表現し、涼やかな印象に仕上げられたサイトでした。

次にWpc.の公式サイトです。「Wpc.」といえば、レイングッズで近年、大人気のブランドです。百貨店やショッピングモールでもレイングッズ売り場でよく見かける印象がありますね。

公式サイトではブランドロゴのように太めのサンセリフ体を使ったインパクトのある見出しが使われています。商品のバナーがたくさん使われていたり、お知らせなど更新情報がたくさん発信されているようで賑やかな印象です。

「傘はファッションだ。」のキャッチコピーに大納得のオリジナル商品のほか、キャラクターや商品など多種多様なブランドとコラボされており、公式サイトではコラボ商品のバナーがたくさん並べられています。

バナー作りの参考になるサイトで、見ごたえたっぷりですね。

最後に河馬印本舗のサイトを紹介します。

ロゴが中央にポンと配置されたシンプルなメインビジュアルからお出迎えしてくれます。

このサイトは横スクロールと特徴的な導線になっており、シングルページの構成となっています。

ブランド性やコンセプトから商品のご紹介と、特にストーリー性を持たせたつくりになっています。

スクロールさせていくと傘の柄へのこだわり紹介が見られます。絵本のようなわくわくするデザインで、序盤のコンセプト紹介のシンプルな雰囲気と商品紹介の鮮やかで楽しい雰囲気と、見ごたえたっぷりなサイトデザインでした。

いかがでしょうか。今回は“傘”にピックアップしたサイトを4つ調査＆紹介しました。ブランドコンセプトにあわせた工夫が散りばめられており、「ターゲットに響くサイトデザイン」を作るためのヒントになること間違いなしですね。

販売されている商品とサイト、コンセプトを見ながらターゲット考察、細部へのこだわりを探してみるとデザイン思考の勉強になるのではないでしょうか。今回もご一読いただきありがとうございました。