ワイヤーDL税理士法人 ESK熊本
スタッフ全員の写真と、画面下に固定した電話番号で「相談しやすい事務所」を見せる。
webcan analyze yagyu-shop.com
PROFESSIONAL SERVICES · 大阪府 · PICKED 2026.10.17
柳生質舗士業・金融のホームページデザイン参考 — 質屋・明朝体・モノトーン
出典：yagyu-shop.com ↗確認日 2026.10.17
EDITOR'S NOTE編集部の視点
店頭で笑顔で応対するスタッフの写真と、明朝体の「時代に、人に、よりそう質屋」で、入りにくさを和らげる。
大阪府貝塚市の質屋のサイト。ファーストビューは、店の窓口で品物を手に笑顔で応対するスタッフの写真に、明朝体の「時代に、人に、よりそう質屋」を重ね、右下に「本日の貴金属買取り価格」のカードと縦書きの「来店・査定予約」のボタンを置いている。お知らせ、質預かりと買取りの説明、取り扱い商品、お取引事例、お客様の声、店の紹介、コラム、貴金属の買取り情報、店舗案内、お問い合わせと続き、白とグレーと黒でまとめている。
- 01窓口で応対するスタッフの写真を全面に使い、明朝体のコピーを重ねたファーストビュー
- 02白・薄いグレー・黒だけの配色に明朝体を合わせ、落ち着いた信頼感を出している
- 03写真の角を切り欠いた額縁のような枠で、写真の見せ方をそろえている
CONVERSION集客の工夫
－電話番号をヘッダーに常設PC・ファーストビュー
✓タップで電話できるSP・tel:リンク 2か所
✓SPの追従ボタンSP・画面下に固定
✓予約・問い合わせ導線お問い合わせお問い合わせ / 来店予約来店予約
－LINEで相談・予約LINE公式アカウント
✓営業・診療時間の明記トップページ内
来店・査定予約を画面の右端に固定する
画面の右端に縦書きの「来店・査定予約」のボタンを固定し、ヘッダーにも「お問い合わせ」と電話番号のボタンを置いている。品物を持ち込む前に予約したい人が、どこからでも申し込める。
貴金属の買取り価格を毎日出す
ファーストビューに「本日の貴金属買取り価格」のカードを置き、ページの中ほどにK24・Pt900などの1gあたりの価格を表で載せている。価格が見えると、売るかどうかを決める前の判断材料になり、再訪のきっかけにもなる。
取引事例とお客様の声を並べる
「お取引事例」で品物の写真と品名・日付を、「お客様の声」で利用した人の感想を、それぞれカードで並べている。どんな品物を扱い、どんな人が利用しているかが分かると、初めての人も相談しやすい。
チェック項目は 2026.10.17 に実ブラウザで描画したトップページを自動判定したものです。
COLOR配色
#FFFFFF背景
#F8F8F8セクション背景 · ライトグレー
#FAFAFAカード背景 · オフホワイト
#1C1C1C本文テキスト・電話ボタン・予約ボタン · ブラック
背景は面積、文字は文字数で重み付けして実測した色から、役割ごとに整理しています。
TYPOGRAPHYフォント
- 用途
- 和文見出し・本文
- 使用フォント
- Shippori Mincho
- 無料で近いもの
- Shippori Mincho
- 用途
- 英字（小見出し）
- 使用フォント
- Marcellus
- 無料で近いもの
- Marcellus
| 要素 | PC サイズ / 太さ | PC 行間 | SP サイズ / 太さ |
|---|---|---|---|
| h1 | 58px / 500 | 1.50 | 34px / 500 |
| h2 | 26px / 600 | 0.92 | 24px / 600 |
| h3 | 20px / 400 | 1.50 | 17px / 400 |
| 本文（p） | 16px / 400 | 1.50 | 14px / 400 |
| ボタン | 20px / 400 | 1.20 | 16px / 400 |
実測値（PC 1440px・SP 375px、2026.10.17 計測）。同じ要素で最も多く使われている指定を表示しています。h1 をロゴや小さな見出しに使っているサイトでは、h1 の値が小さく出ます。
STRUCTUREページ構成（上から順に）
- 01
- 02
- 03
- 04
- 05
- 06
- 07
お客様の声
お客様の声／カード型 - 08
- 09
- 10
- 11
- 12
- 13
フッター
フッター／店舗情報＋ナビ型
DOWNLOADワイヤーフレームをダウンロード
この構成を、Figmaで編集できるワイヤーに
上のページ構成を、WEBCANのワイヤーフレーム部品で組み直したものです。元サイトの文章・画像・コードは含みません。
Figmaでの使い方
- SVGをダウンロードする
- Figmaのキャンバスにファイルをドラッグ＆ドロップする
- セクションごとにレイヤーが分かれた状態で開くので、順番の入れ替えや文言の差し替えから始める
文字はテキストレイヤーとして入ります（フォントは Noto Sans JP）。
REPRODUCEこのサイトを参考にするときのポイント
- 01入りにくいと思われがちなお店は、スタッフが笑顔で応対する写真をファーストビューに使う
- 02配色を白・グレー・黒に絞り、明朝体で落ち着いた信頼感を出す
- 03相場や価格など毎日変わる情報をトップに出し、再訪のきっかけをつくる
- 04来店予約のボタンは画面の端に固定して、いつでも押せるようにする
FAQよくある質問
柳生質舗のサイトで使われているフォントは？
和文は Shippori Mincho、英字の小見出しは Marcellus です。どちらも Google Fonts で無料で使えます。
質屋や買取店のサイトで、価格は載せたほうがよいですか？
貴金属のように相場で決まるものは、このサイトのように1gあたりの価格を日付とともに載せておくと、来店前の判断材料になります。毎日更新することで、サイトを見に来る理由にもなります。
どんな業種の参考になりますか？
質屋・買取店のほか、時計や宝石の修理店、古美術店、リユースショップなど、査定や相談の来店予約を増やしたい業種に応用できます。
スクリーンショットは、解説に添える引用として縮小して掲載しています。デザイン・文章・画像の権利は柳生質舗および各権利者に帰属します。ワイヤーフレームは元サイトを写したものではなく、構成をWEBCANの部品で組み直したものです。権利者・制作者の方からの掲載の取り下げ・修正のご依頼はお問い合わせから承り、原則2営業日以内に対応します。
MOREほかの士業・金融の参考サイト
ワイヤーDLFROM REFERENCE TO YOUR SITE
このテイストで、
御社の事務所サイトを。
「柳生質舗のような構成で」とお伝えいただくだけで構いません。無料相談で御社の現状サイトを拝見し、地域と業種に合わせた構成案をお持ちします。
無料相談はこちら