業種が変われば、
見せ方の骨格から変わる。「見せ方の型」でめくる、40本の型録
初めての不安に答える型
この骨格の狙い：予約・相談ボタンを押せない理由は「料金がわからない」「当日何をされるかわからない」。その不安を先回りして一つずつ解いてから、導線に進んでもらう設計です。
Pet Salon moku
初回不安・料金目安・シニア犬相談まで、予約前の安心を網羅。「うちの子でも大丈夫？」に一つずつ答えてから予約に進む骨格の代表例。
サンプルを見る →光明堂 仏壇店
焦らせない相談ページと商品案内で、落ち着いた信頼感を演出。
サンプルを見る →音継ぎ工房
楽器ごとの診断と相談予約で、「壊れたかも」の不安に応える。
サンプルを見る →中島税理士事務所
「相談していいのかな」を解く、業務料金と先生の人柄が伝わる構成。
サンプルを見る →Studio Aoba
はじめての方が体験予約まで自然に進める、やわらかな導線。
サンプルを見る →あおば歯科・矯正歯科
深緑×テラコッタの落ち着いた編集デザイン。「はじめての方へ」を冒頭に時系列で見せ、来院から会計まで不安なく案内する予防中心の歯科。
サンプルを見る →季節料理 朧 — English Guide
英語⇄日本語をワンタップで切替。献立・予約・FAQを1ページに整理した訪日客向け案内の実例。
サンプルを見る →こはる整骨院
「腰が痛い」「部活でケガした」の症状ボタンから入る導線と、高齢の方にも読みやすい大きめ文字。当日の流れを巨大番号で見せて初回の不安を解く。
サンプルを見る →季節・暦で見せる型
この骨格の狙い：旬や四季を軸に置くと、商品が「今買う理由」を持ち、サイト自体が何度も見に来たくなる暦になります。
工程・物語で見せる型
この骨格の狙い：完成品だけでは価格の理由が伝わらない仕事は、素材から完成までの工程を物語として見せる。手間が見えると、価格が納得に変わります。
灯月珈琲焙煎所
クリーム×エスプレッソの明暗が効いた写真主役の編集デザイン。焙煎工程の横スクロールと、朝から夜へ移ろう「一日の流れ」で、喫茶店の空気感ごと届ける自家焙煎店。
サンプルを見る →縁衣リメイク
着物が生まれ変わるまでの工程と相談フローで、思い出を残す価値を伝える。
サンプルを見る →静香園茶舗
一杯の茶が届くまでの物語と贈答ページが軸の、静けさある老舗構成。
サンプルを見る →琢磨時計工房
実写真を多用したダーク×ゴールドの編集デザイン。技術・工程・料金と「受け継いだ一本」の物語を、動きのある演出で魅せる時計工房。
サンプルを見る →青峰畳店
い草の香り、畳表の質感、採寸から納品まで。手仕事の上質さを静かに伝える職人サイト。
サンプルを見る →朱音堂 印舗
朱肉、印材、書体、法人印まで。小さな印章に宿る格式と手仕事を見せる印舗。
サンプルを見る →鉄火モータース
「鋼を叩いて五十年」。黒×赤で職人の凄みを前面に出した、鈑金塗装・車検の車屋サンプル。
サンプルを見る →街角サイン工房
黒×ネオン橙の尖ったデザイン。冒頭の高速モンタージュ・巨大タイポ・流れる文字で、デザインから製作・施工まで一貫の看板職人を魅せる構成。
サンプルを見る →石誠堂 石材店
石グレー×墨×藍の静謐な明朝デザイン。屋号が浮かぶ入場演出と石碑形のアーチ、顔の出ない手仕事で、墓石・石彫・追加彫り・墓じまいを厳かに伝える石材店。
サンプルを見る →よつば珈琲と焼き菓子
クラフト紙×深緑の黒板メニュー直結ヒーロー。sticky2カラムで夫婦の開業物語を見せ、焙煎と焼き菓子の手間を静かに伝える住宅街カフェ。
サンプルを見る →水引工房 こより結び
生成りの和紙色×朱の結び。横に流れる祝いの場面、交互に組む仕立ての紹介で「贈る気持ち」を主役にした水引工房。
サンプルを見る →墨工房 静筆
墨のモノトーンに縦書きの大見出し。余白と静けさで、筆・墨・硯を「書く人の呼吸」から選ばせる専門店の編集デザイン。
サンプルを見る →ひいな人形工房 霞月
飾る場所と家族の気持ちに合わせて仕立てる、雛人形・五月飾りの専門工房サイト。
サンプルを見る →木地玩具工房 こまどり
木地挽きと絵付けの手仕事を、修理相談まで含めて丁寧に見せるこけし・木工玩具工房。
サンプルを見る →榊舎 神具木工所
設置場所と寸法に合わせて整える、神棚・神具の木工製作所サイト。
サンプルを見る →写真で魅せるルックブック型
この骨格の狙い：「この雰囲気が好き」で選ばれる商売は、説明より先に写真と余白で空気感を届ける。雑誌をめくるように眺めて、なりたいイメージから選んでもらう設計です。
hair atelier 余白
モノトーン×くすみローズの雑誌のようなエディトリアル。巨大タイポと横スクロールのLOOKBOOK、「なりたい印象から選ぶ」導線で魅せる美容室。
サンプルを見る →光庭写真館
撮影ジャンル別の作例と料金・当日の流れで、仕上がりのイメージから選べる写真館。
サンプルを見る →季花 -tokihana-
紙白×くすみセージの繊細な編集デザイン。用途別ルックブックの横スクロールと「今月の花」カレンダーで、贈り物選びを上品に後押しする花屋。
サンプルを見る →Café Lumière
写真と余白で、店の空気感とメニューがそのまま伝わる見せ方。
サンプルを見る →パティスリー ノワール
濃いショコラ色×シャンパンゴールドの宝石箱。闇に浮かぶ一粒のヒーローと、ショーケースの横スクロールで、上質な生菓子とギフトを魅せる洋菓子店。
サンプルを見る →土音窯
余白を活かした作品ギャラリーで、作り手の世界観をそのまま届ける。
サンプルを見る →風庭の家
木の質感、施工写真、家づくりの流れを、明るい自然光と暮らし目線で見せる編集型デザイン。
サンプルを見る →霧灯サウナ
完全個室・水風呂・休憩・料金・予約導線を、静かなホテルライクな空気感でまとめた都市型サウナのサンプル。
サンプルを見る →hair atelier 糸
白×グレージュ×ラベンダーグレーの静かな編集デザイン。全幅写真のヒーローとコラージュのルックブックで、席3つだけの丁寧な時間を魅せる美容室。
サンプルを見る →比較と実直さで信頼を得る型
この骨格の狙い：迷っている人には、並べて選べる比較帯と、実績・設備・対応範囲の実直な提示がいちばん効く。飾らずに信頼を積み上げる設計です。
森音養蜂園
蜜源ごとの味わいを並べて選べる比較帯と贈り物導線で、自然素材の温度をそのまま届ける骨格の代表例。
サンプルを見る →建築工房 木と石
施工事例と素材感で、長く付き合える工務店像を実直に伝える。
サンプルを見る →テクノマイスター株式会社
精密部品メーカーらしい重厚感と、技術への信頼を端正に見せる構成。
サンプルを見る →白嶺精密板金株式会社
実写真を多用したグラファイト×シアンの工業デザイン。レーザー〜溶接の一貫生産・設備スペック・図面見積り導線を、動きのある演出で力強く見せるB2B板金サイト。
サンプルを見る →みなと総合サポート事務所
相談前の不安を減らす、料金・対応範囲・相談フローを整理した構成。
サンプルを見る →実際のホームページとして読める温度感を大切にしています。同じ業種でも、写真・文章・導線はお店ごとに調整します。すべてのサンプルは新しいタブで開きます。
サンプル制作の考え方