業種が変われば、
見せ方の骨格から変わる。「見せ方の型」でめくる、64本の型録
初めての不安に答える型
この骨格の狙い：予約・相談ボタンを押せない理由は「料金がわからない」「当日何をされるかわからない」。その不安を先回りして一つずつ解いてから、導線に進んでもらう設計です。
Pet Salon moku
初回不安・料金目安・シニア犬相談まで、予約前の安心を網羅。「うちの子でも大丈夫？」に一つずつ答えてから予約に進む骨格の代表例。
サンプルを見る →光明堂 仏壇店
焦らせない相談ページと商品案内で、落ち着いた信頼感を演出。
サンプルを見る →音継ぎ工房
楽器ごとの診断と相談予約で、「壊れたかも」の不安に応える。
サンプルを見る →中島税理士事務所
「相談していいのかな」を解く、業務料金と先生の人柄が伝わる構成。
サンプルを見る →Studio Aoba
はじめての方が体験予約まで自然に進める、やわらかな導線。
サンプルを見る →あおば歯科・矯正歯科
深緑×テラコッタの落ち着いた編集デザイン。「はじめての方へ」を冒頭に時系列で見せ、来院から会計まで不安なく案内する予防中心の歯科。
サンプルを見る →季節料理 朧 — English Guide
英語⇄日本語をワンタップで切替。献立・予約・FAQを1ページに整理した訪日客向け案内の実例。
サンプルを見る →こはる整骨院
「腰が痛い」「部活でケガした」の症状ボタンから入る導線と、高齢の方にも読みやすい大きめ文字。当日の流れを巨大番号で見せて初回の不安を解く。
サンプルを見る →からから自転車店
自転車の絵で気になる場所を押すと、修理の料金と時間のめやすが出る。紙と藍とオレンジのポスター調で、「直す前に見せる」安心を伝える町の自転車屋。
サンプルを見る →はなうた英語教室
3つ答えるだけで合うクラスと時間が分かる「クラス診断」。ノートの罫線と吹き出しで、3歳から大人まで通える楽しさを見せる英語教室。
サンプルを見る →クリーニング しわのば
預ける服を選ぶと、黄色い預かり票に料金の目安と仕上がりの目安日が出る。日曜休みを数えずに、受け取れる日をカレンダーの日付で見せる町のクリーニング店。
サンプルを見る →
季節・暦で見せる型
この骨格の狙い：旬や四季を軸に置くと、商品が「今買う理由」を持ち、サイト自体が何度も見に来たくなる暦になります。
陽だまり果樹園
旬カレンダーと直送注文で、果樹園の楽しみをそのまま届ける。「いま何が食べ頃か」を暦で見せる骨格の代表例。
サンプルを見る →菓匠 花結び
旬の生菓子と贈答箱を、季節型ギャラリーで静かに見せる。
サンプルを見る →松韻造園
同じ庭が春夏秋冬で表情を変える「四季めぐり」。作庭・剪定から、見る→整える→片付けまでの丁寧な仕事と料金の目安まで見せる造園サイト。
サンプルを見る →こむぎ時計
電車の時刻表のような「焼き上がり時刻表」が、今の時刻に合わせて動く。次に焼けるパンまでの残り時間で、来店のきっかけをつくる町のパン屋。
サンプルを見る →めしと酒 二刻
昼は定食、夜は酒場。時刻に合わせて、ページの色とおすすめが昼夜で切り替わる。ひとつの店の二つの顔を見せる食堂・居酒屋。
サンプルを見る →中華 鍋音
赤い円卓を指で回すと、手前に来た一皿の値段の目安と、持ち帰りできるかが出る。昼と夜のおすすめ、時間ごとの混み具合まで見せる町の中華。
サンプルを見る →樫と塩
塩漬けから燻すまでの「仕込みカレンダー」が今日の日付で動き、次の出来上がり日が分かる。直売・贈り物・飲食店への卸の3つの入口から選べる食品工房。
サンプルを見る →釜ノ戸
24時間の時計の針が、いまの時刻に工場で何をしているかを指す。朝は豆腐と油揚げ、昼は佃煮を炊く一日を見せる、小さな食品工場。
サンプルを見る →
工程・物語で見せる型
この骨格の狙い：完成品だけでは価格の理由が伝わらない仕事は、素材から完成までの工程を物語として見せる。手間が見えると、価格が納得に変わります。
灯月珈琲焙煎所
クリーム×エスプレッソの明暗が効いた写真主役の編集デザイン。焙煎工程の横スクロールと、朝から夜へ移ろう「一日の流れ」で、喫茶店の空気感ごと届ける自家焙煎店。
サンプルを見る →縁衣リメイク
着物が生まれ変わるまでの工程と相談フローで、思い出を残す価値を伝える。
サンプルを見る →静香園茶舗
一杯の茶が届くまでの物語と贈答ページが軸の、静けさある老舗構成。
サンプルを見る →琢磨時計工房
実写真を多用したダーク×ゴールドの編集デザイン。技術・工程・料金と「受け継いだ一本」の物語を、動きのある演出で魅せる時計工房。
サンプルを見る →青峰畳店
い草の香り、畳表の質感、採寸から納品まで。手仕事の上質さを静かに伝える職人サイト。
サンプルを見る →かねや金物店
包丁研ぎ・合鍵・日用金物。店主に相談したくなる、下町の金物屋の見本。
サンプルを見る →朱音堂 印舗
朱肉、印材、書体、法人印まで。小さな印章に宿る格式と手仕事を見せる印舗。
サンプルを見る →鉄火モータース
「鋼を叩いて五十年」。黒×赤で職人の凄みを前面に出した、鈑金塗装・車検の車屋サンプル。
サンプルを見る →街角サイン工房
黒×ネオン橙の尖ったデザイン。冒頭の高速モンタージュ・巨大タイポ・流れる文字で、デザインから製作・施工まで一貫の看板職人を魅せる構成。
サンプルを見る →石誠堂 石材店
石グレー×墨×藍の静謐な明朝デザイン。屋号が浮かぶ入場演出と石碑形のアーチ、顔の出ない手仕事で、墓石・石彫・追加彫り・墓じまいを厳かに伝える石材店。
サンプルを見る →千紙堂印刷
紙見本の束を扇のようにめくる演出。色と手触りの違いを、選ぶ楽しさごと伝える印刷会社サンプル。
サンプルを見る →木音工房
木目の濃淡が境目で入れ替わる演出。椅子の輪郭一つで仕立ての丁寧さを見せる木工所サンプル。
サンプルを見る →彩色染工
色の記録を最初の画面で見せる演出。次のロットでも同じ色を出す証拠を伝える染色工場サンプル。
サンプルを見る →よつば珈琲と焼き菓子
クラフト紙×深緑の黒板メニュー直結ヒーロー。sticky2カラムで夫婦の開業物語を見せ、焙煎と焼き菓子の手間を静かに伝える住宅街カフェ。
サンプルを見る →水引工房 こより結び
生成りの和紙色×朱の結び。横に流れる祝いの場面、交互に組む仕立ての紹介で「贈る気持ち」を主役にした水引工房。
サンプルを見る →墨工房 静筆
墨のモノトーンに縦書きの大見出し。余白と静けさで、筆・墨・硯を「書く人の呼吸」から選ばせる専門店の編集デザイン。
サンプルを見る →ひいな人形工房 霞月
飾る場所と家族の気持ちに合わせて仕立てる、雛人形・五月飾りの専門工房サイト。
サンプルを見る →木地玩具工房 こまどり
木地挽きと絵付けの手仕事を、修理相談まで含めて丁寧に見せるこけし・木工玩具工房。
サンプルを見る →榊舎 神具木工所
設置場所と寸法に合わせて整える、神棚・神具の木工製作所サイト。
サンプルを見る →
写真で魅せるルックブック型
この骨格の狙い：「この雰囲気が好き」で選ばれる商売は、説明より先に写真と余白で空気感を届ける。雑誌をめくるように眺めて、なりたいイメージから選んでもらう設計です。
hair atelier 余白
モノトーン×くすみローズの雑誌のようなエディトリアル。巨大タイポと横スクロールのLOOKBOOK、「なりたい印象から選ぶ」導線で魅せる美容室。
サンプルを見る →光庭写真館
撮影ジャンル別の作例と料金・当日の流れで、仕上がりのイメージから選べる写真館。
サンプルを見る →季花 -tokihana-
紙白×くすみセージの繊細な編集デザイン。用途別ルックブックの横スクロールと「今月の花」カレンダーで、贈り物選びを上品に後押しする花屋。
サンプルを見る →Café Lumière
写真と余白で、店の空気感とメニューがそのまま伝わる見せ方。
サンプルを見る →パティスリー ノワール
濃いショコラ色×シャンパンゴールドの宝石箱。闇に浮かぶ一粒のヒーローと、ショーケースの横スクロールで、上質な生菓子とギフトを魅せる洋菓子店。
サンプルを見る →土音窯
余白を活かした作品ギャラリーで、作り手の世界観をそのまま届ける。
サンプルを見る →風庭の家
木の質感、施工写真、家づくりの流れを、明るい自然光と暮らし目線で見せる編集型デザイン。
サンプルを見る →霧灯サウナ
完全個室・水風呂・休憩・料金・予約導線を、静かなホテルライクな空気感でまとめた都市型サウナのサンプル。
サンプルを見る →hair atelier 糸
白×グレージュ×ラベンダーグレーの静かな編集デザイン。全幅写真のヒーローとコラージュのルックブックで、席3つだけの丁寧な時間を魅せる美容室。
サンプルを見る →ネイルとエステ しずく灯
今月の10色から選ぶと、見本の色がその場で変わる。灯りのような温かい色調で、施術の静けさを魅せるネイル・エステサロン。
サンプルを見る →比較と実直さで信頼を得る型
この骨格の狙い：迷っている人には、並べて選べる比較帯と、実績・設備・対応範囲の実直な提示がいちばん効く。飾らずに信頼を積み上げる設計です。
森音養蜂園
蜜源ごとの味わいを並べて選べる比較帯と贈り物導線で、自然素材の温度をそのまま届ける骨格の代表例。
サンプルを見る →建築工房 木と石
施工事例と素材感で、長く付き合える工務店像を実直に伝える。
サンプルを見る →テクノマイスター株式会社
精密部品メーカーらしい重厚感と、技術への信頼を端正に見せる構成。
サンプルを見る →白嶺精密板金株式会社
実写真を多用したグラファイト×シアンの工業デザイン。レーザー〜溶接の一貫生産・設備スペック・図面見積り導線を、動きのある演出で力強く見せるB2B板金サイト。
サンプルを見る →株式会社アケテ機工
動く図面で装置の働きを見せ、納入事例を「業界×困りごと」で絞り込める。試作1台かライン丸ごとかで、完成までの期間のめやすも切り替わる装置メーカー。
サンプルを見る →とせ蔵
つまみを動かすと、寝かせた年数で醤油と味噌の色と味が変わる。年数ちがいを見比べて選べ、業務用の大きさも載せた木桶仕込みの蔵。
サンプルを見る →棚結倉庫
荷物の種類・量・期間を選ぶと、倉庫のどこに置いて、どう流れて出ていくかが図で光る。保管・流通加工・配送を料金表で並べた倉庫業。
サンプルを見る →織元 杼音
工程を横に送ると、下の布が一段ずつ織り上がる。図案から仕上げまで八つの手仕事を見せる、先染め絹織物の織元。
サンプルを見る →杣ノ木製材所
樹種を選ぶと木目と色が変わり、寸法を選ぶと在庫と加工の可否が出る。樹種×寸法の早見表を載せた、工務店・家具工房・DIY向けの製材所。
サンプルを見る →色樽塗料
見本帳の色を選ぶと、ページ全体の色が変わる。量・用途・下地を押すと、調色の問い合わせに要ることと出荷の目安がまとまる塗料工場。
サンプルを見る →型添義肢装具製作所
つくるものと型どりの日を選ぶと、仮合わせとお渡しの日がカレンダーに並び、足あとが日程をたどる。石こうの型と手仕事を見せる工房。
サンプルを見る →地読測量
依頼の種類を選ぶと、用意するもの・日数の目安・報告書の形が切り替わり、図面が描かれていく。方眼紙と等高線の測量・分析会社。
サンプルを見る →箱罫紙器
箱の形を選ぶと展開図が描かれ、大きさと数で1個あたりの目安が変わる。白い試作は1個から、小ロットの紙箱・段ボールの工場。
サンプルを見る →粒成工業
グレー×藍×ティールの落ち着いた工場配色。粒から形になる工程を図で見せる成形加工サンプル。
サンプルを見る →みなと総合サポート事務所
相談前の不安を減らす、料金・対応範囲・相談フローを整理した構成。
サンプルを見る →お店情報の整え直し
地図アプリに出る営業時間・写真・説明を、今の姿に1回で整える仕事の見本。直す前と後を並べて、違いを一目で見せる。
サンプルを見る →実際のホームページとして読める温度感を大切にしています。同じ業種でも、写真・文章・導線はお店ごとに調整します。すべてのサンプルは新しいタブで開きます。
サンプル制作の考え方