3つの業種、
3つの伝え方。

ホームページの正解は、業種名だけでは決まりません。誰に見てほしいか。何に迷っている人なのか。見たあと、どう思い、何をしてほしいか。3つの架空事業者を通して、伝え方そのものを設計したサンプルです。

3つの入口へ

BEFORE ENTERING

ご覧になる前に。

制作サンプルについて

掲載しているサイトは、Patchworksが架空の事業者を想定して制作したホームページサンプルです。実在する企業、店舗、人物、実績とは関係ありません。

デモサイトの閲覧について

各デモはトップページとブログの制作サンプルです。工務店のトップでは、リンクを選ぶとデモ案内を表示します。その他のデモでは、ブログ以外のヘッダーメニューはトップへ戻ります。実際の予約やお問い合わせはできません。

間ノ灯工務店の施工イメージ紹介画面

01 / CUSTOM HOME BUILDER

暮らしを聞く

間ノ灯工務店

木のぬくもりと、暮らしの余白。

深緑の背景と大きな住宅写真で、木の家の空気感を伝えます。施工・見学のイメージから家づくりの考え方へ進み、相談前に確かめたい情報をまとめたサンプルです。

  • 信頼形成
  • 複雑な情報整理
  • 相談への心理的ハードル
工務店のデモを見る
RINKAKU HAIRのコンセプト紹介画面

02 / HAIR SALON

言葉になる前を聞く

RINKAKU HAIR

似合う髪より、しっくりくる髪へ。

白い余白と人物・店内の写真で、サロンの雰囲気を伝えます。メニュー、担当者、スタイルを見比べながら、希望をうまく説明できない人も相談しやすい構成にしています。

  • 人柄と技術
  • スマートフォン導線
  • 相談しやすさ
美容院のデモを見る
パン屋ふくらむ日々の商品紹介画面

03 / NEIGHBORHOOD BAKERY

今日の時間を伝える

パン屋 ふくらむ日々

焼きたてで、今日を少しふくらませる。

大きなパンの写真と白黒の文字組みで、商品の焼き色や手仕事を引き立てます。定番商品、パンづくり、焼き上がり時刻をつなぎ、今日立ち寄る理由を伝えるサンプルです。

  • 商品訴求
  • 焼き上がり情報
  • 当日の来店行動
パン屋のデモを見る

HOW TO VIEW

比べたいのは、
情報の伝え方。

  1. 01

    最初の画面

    業種と価値が、説明を読まずに伝わるか。

  2. 02

    情報の順番

    不安を減らし、次の行動へ進める構成か。

  3. 03

    読みもの

    来店・相談前の疑問へ、具体的な文章で答えているか。

CONTACT

強みが伝わる、ホームページを。

「誰に、どう思ってほしいか」を整理し、
必要な方法をご提案します。

自社に合うホームページを相談する