ワイヤーDLハピアスウェディング
富山県の形をうっすら敷いた「富山の自然で結婚式」のコピーで、土地のロケーションを主役にした結婚式を伝える。
webcan analyze towawedding.com
WEDDING · 長野県 · PICKED 2026.10.26
towa weddingブライダルのホームページデザイン参考 — アウトドアウェディング・ベージュ・植物のイラスト
出典：towawedding.com ↗確認日 2026.10.26
EDITOR'S NOTE編集部の視点
アーチ型に切り抜いた花嫁の写真と、四隅から伸びる葉と花のイラストで、湖畔のアウトドア・ウェディングの雰囲気を伝える。
長野県下條村の湖（lake oogute）のほとりで挙げるアウトドア・ウェディングのサイト。ファーストビューは、ベージュの背景にアーチ型の花嫁の写真を置き、左右から葉と花のイラストを重ね、斜体の英字で「Natural Way, Lakeside Wedding」のコピーを大きく入れている。コンセプトの文章、動画、オリジナルウェディングとフォトウェディングのサービス、式までの流れ、フォトギャラリー、コラムのバナー、所在地、お問い合わせと続く。
- 01花嫁の写真をアーチ型に切り抜き、その外側に細い線の円弧を重ねている
- 02葉と花のイラストを、ファーストビューと最後のお問い合わせの写真の左右に重ね、最初と最後の印象をそろえている
- 03見出しは斜体の英字（Playfair Display）と、小さな明朝体の和文の組み合わせにしている
CONVERSION集客の工夫
－電話番号をヘッダーに常設PC・ファーストビュー
－タップで電話できるSP・tel:リンク 0か所
－SPの追従ボタンSP・画面下に固定
✓予約・問い合わせ導線—
✓LINEで相談・予約LINE公式アカウント
－営業・診療時間の明記トップページ内
LINEの入口をいつも見せる
PCではヘッダーの右上、スマホでは画面の右下に、丸いLINEのアイコンを出している。式場見学の予約より気軽に、まず質問したい人の入口になる。
サービスを2つに分けて入口を作る
「Our Service」で、オリジナルウェディングとフォトウェディングを分けて並べている。式を挙げたい人と写真だけ残したい人が、それぞれの説明に進める。
コラムで検討中の疑問に答える
「フェス婚ってどんな結婚式？」「フォトウェディングで後悔しないための完全ガイド」などのコラムを、帯状のバナーで5つ並べている。アウトドアの結婚式を検討し始めた人が、知りたいことから読み進められる。
チェック項目は 2026.10.26 に実ブラウザで描画したトップページを自動判定したものです。
COLOR配色
#F0EDE6背景 · 生成り
#D3CCBAセクション背景 · ベージュ
#806E30差し色（枠線・アクセント） · オリーブゴールド
#383120本文テキスト
#FFFFFF写真の上のコピー
背景は面積、文字は文字数で重み付けして実測した色から、役割ごとに整理しています。
TYPOGRAPHYフォント
- 用途
- 英字（コピー・見出し）
- 使用フォント
- Playfair Display
- 無料で近いもの
- Playfair Display
- 用途
- 和文（見出し・本文）
- 使用フォント
- Shippori Mincho
- 無料で近いもの
- Shippori Mincho
| 要素 | PC サイズ / 太さ | PC 行間 | SP サイズ / 太さ |
|---|---|---|---|
| h2 | 14.4px / 400 | 2.00 | 11.7px / 400 |
| 本文（p） | 18.5px / 400 | — | 43px / 400 |
| ボタン | 10px / 400 | — | 10px / 400 |
実測値（PC 1440px・SP 375px、2026.10.26 計測）。同じ要素で最も多く使われている指定を表示しています。h1 をロゴや小さな見出しに使っているサイトでは、h1 の値が小さく出ます。
STRUCTUREページ構成（上から順に）
- 01
- 02
- 03
- 04
- 05
- 06
- 07
- 08
- 09
- 10
PARTSパーツ別に見る
SP
SP
SP
SP
SP番号は上のページ構成の順番です。部品名から、同じ部品を使っているほかのサイトの実例を見られます。スクリーンショットは 2026.10.26 以降に撮影したもので、現在の表示とは異なる場合があります。
DOWNLOADワイヤーフレームをダウンロード
この構成を、Figmaで編集できるワイヤーに
上のページ構成を、WEBCANのワイヤーフレーム部品で組み直したものです。元サイトの文章・画像・コードは含みません。
Figmaでの使い方
- SVGをダウンロードする
- Figmaのキャンバスにファイルをドラッグ＆ドロップする
- セクションごとにレイヤーが分かれた状態で開くので、順番の入れ替えや文言の差し替えから始める
文字はテキストレイヤーとして入ります（フォントは Noto Sans JP）。
REPRODUCEこのサイトを参考にするときのポイント
- 01写真をアーチ型などの形で切り抜き、イラストを重ねて世界観を作る
- 02見出しは英字の斜体と小さな和文の組み合わせにし、やわらかい印象にする
- 03サービスは「挙式」と「写真だけ」のように目的別に入口を分ける
- 04気軽な質問の入口として、LINEをいつも見える場所に置く
FAQよくある質問
towa wedding のサイトで使われているフォントは？
英字のコピーと見出しは Playfair Display、和文は Shippori Mincho（しっぽり明朝）です。どちらも Google Fonts で無料で使えます。
小さな式場やフォトウェディングのサイトでは、何を見せるとよいですか？
このサイトは、ロケーションの写真と世界観を最初に見せ、サービスを挙式とフォトウェディングに分け、流れ・ギャラリー・コラムで検討中の疑問に答えています。
どんな業種の参考になりますか？
アウトドアウェディングやフォトスタジオのほか、グランピング施設・ガーデンレストランなど、自然の中のロケーションを売りにする業種に応用できます。
スクリーンショットは、解説に添える引用として縮小して掲載しています。デザイン・文章・画像の権利はtowa weddingおよび各権利者に帰属します。ワイヤーフレームは元サイトを写したものではなく、構成をWEBCANの部品で組み直したものです。権利者・制作者の方からの掲載の取り下げ・修正のご依頼はお問い合わせから承り、原則2営業日以内に対応します。
MOREほかのブライダルの参考サイト
FROM REFERENCE TO YOUR SITE
このテイストで、
御社のブライダルサイトを。
「towa weddingのような構成で」とお伝えいただくだけで構いません。無料相談で御社の現状サイトを拝見し、地域と業種に合わせた構成案をお持ちします。
無料相談はこちらFREE SITE CHECK（ 無料診断 ）
自社サイトの今の状態を、30秒で確かめる。
URLを入れるだけで、GoogleのSEOとAI検索の両方から見た対応度と、優先して直すべき点がわかります。会員登録・メールアドレス不要です。