SAMPLE SITE
一級建築士事務所 株式会社 和田設計御中 専用 サンプルサイトを実際にご覧いただけます
サンプルサイトを開く →※ サンプルサイトで使用している画像はすべてイメージ素材です。本番制作の際はお客様ご希望の写真・画像に全て差し替えます。
Proposal
ご提案資料
一級建築士事務所 株式会社 和田設計御中
01 · Greeting
はじめに
この度はご覧いただきありがとうございます。
LUMO WEB STUDIO(ルモ ウェブスタジオ)の窓口担当です。
和田設計 代表 和田崇先生の「時の流れに左右されない、スタンダードな建築 × 1999年から設計実務27年 × 住宅・寺院・カフェ・公共施設・物流施設の幅広い実績 × 愛媛県建築士会松山支部理事/愛媛県建築士事務所協会中予支部理事 × 松山・西石井のローカル建築家」という、地域に根ざしながら奇をてらわない普遍的な建築観を軸に、
一級建築士事務所 株式会社 和田設計御中 専用のサンプルサイトを制作いたしました。
02 · Why we made this
サンプルサイトを制作した理由
01
「スタンダードな建築」の哲学を初訪3秒で
HEROには事務所の建築写真をフルブリードで配し、「時の流れに左右されない、スタンダードな建築を。」というキャッチを直接打ち出しました。流行ではなく20年30年と愛される建築を志向していることが、初訪の方の目に最初に飛び込む構成にしています。
02
住宅・寺院・カフェ・物流まで幅広い実績を可視化
正円寺の家/愛媛県建築士会館/馬木の家/千舟町のカフェ/今在家の家/法蓮寺 客殿庫裏/宇和島自動車運送 四国中央支店(営業倉庫1,000坪)/三机冷凍倉庫計画(2026年完成予定)/空港通りの事務所(2026年春完成予定)の9事例を、用途カテゴリと共にWorksページで紹介。住宅事務所のイメージを超えた幅広さを、第一印象で伝わる構成にしました。
03
初回相談無料・対話の家づくりを明示
9ステップの設計プロセスを Process ページに明文化し、「初回相談無料」「敷地確認まで無料」「土地探しからご相談OK」「対話を10〜20回重ねる」を可視化。設計事務所と建てる家のしくみを、初訪の方にもわかりやすく伝える動線設計を徹底しました。
03 · Design Intent
サイト設計の意図
- カラー:瀬戸内ブルー(#1F4E73)× 瀬戸内ディープ(#133A56)× 道後だいだいCTA(#D4843A)× 焼きみかん(#A8631F)× 久万杉(#4F6849)× 砥部焼ベージュ(#C9B997)× 伊予和紙しらかわ(#FAF7F0)× 砥部焼の白(#F2EDE2)× 内子の漆喰(#E6DECC)× 道後の夜(#1B2A3A)。松山・伊予の地域色を、落ち着いた「スタンダード」のトーンでまとめました。背景は明色和紙系で統一しています。
- ナビゲーション:建築事務所として、完全日本語の横並び(トップ/設計理念/作品事例/事務所案内/設計の流れ/お住まいの声/お知らせ/採用/アクセス/お問い合わせ)。視認性と建築誌的な品格を優先しました。
- フォント:Cormorant Garamond italic(英字見出し・建築雑誌の英文タイトル風)+ Noto Serif JP / Shippori Mincho(和文見出し)+ Noto Sans JP(本文)+ Klee One(手書き風アクセント)。和田先生の「奇をてらわない」スタンスを、書体の選定にも反映しています。
- HERO:事務所の作品写真を画面いっぱい(height: 100vh)に敷き、Ken Burnsでゆっくりズーム+4枚クロスフェード。建築写真そのものを主役にした構成で、雑誌の表紙のような体験を目指しました。
- 独自モチーフ:「軒の出」「中庭」「縁側」という和田設計の中核キーワードを写真選定の軸とし、北欧家具との親和性を意識した内観写真も配置。配色における道後だいだいは、伊予地域の柑橘文化への目配せです。
- オープニング:R8(イントロアニメ完全廃止)に従い、サンプルサイトはbody直接→ヘッダー→HERO即時表示の構成です。建築写真のファーストインパクトを優先しました。
- スクロール演出:IntersectionObserver fade-up/ヘッダーshrink/ホバー画像ズーム/Ken Burnsクロスフェード/カードのhover浮き上がり ─ 建築誌の落ち着いた間合いに合わせた抑制された演出を選定しています。
- 構成:トップ/設計理念/作品事例/事務所案内/設計の流れ(料金表内蔵)/お住まいの声/お知らせ/採用/アクセス/お問い合わせ の10ページ+本提案資料の構成。
- 業界配慮(一級建築士):建築士法・建築基準法への遵守、設計監理料の料率制(工事費の10〜13%税別)を Process ページに明記。「絶対に値段以上の家ができる」等の効果断定は排除しています。
- 価格表記:本提案資料の他サービス料金、Process ページの設計監理料は、いずれも税別表記で統一しています。
04 · Plans
3つのプラン
LIGHT
LP 1ページプラン
¥10,000(税別)
1ページ完結のランディングページ。オープンハウス告知・竣工見学会告知・採用イベントなど、単発の告知用に。
STANDARD
スタンダード
¥30,000(税別)
5〜6ページ構成。一般的な設計事務所コーポレートサイトに対応します。
PREMIUM ★ 推奨
プレミアム
¥50,000(税別)
本サンプル相当(10ページ+作品事例9件+お住まいの声6件+設計フロー9ステップ+採用+FAQ)。和田先生の住宅・寺院・カフェ・公共・物流の幅と「対話の家づくり」を最大限に表現できる構成です。
+ 月額保守 ¥5,000(税別・ホスティング込み)
月額保守に含まれるもの
サーバー・ホスティング維持/SSL証明書 自動更新/死活監視/障害対応/軽微修正(文言・画像・営業時間等)/お知らせ・新着投稿の追加/Google アナリティクス運用サポート
【ご留意事項】クライアント様側での HTML 直接編集は想定外です。更新は保守内、または単発修正でご対応します。「公開後は触らずに安心して長期運用できる状態」を設計思想としております。保守契約終了時はホスティング停止となりますが、ご希望の場合は Astro ソース一式の引渡しも可能です(他社サーバー移行可能・ベンダーロックインなし)。
※ 価格はすべて税別表記です。
05 · Launch Bonus
第1号特典:月額保守 3ヶ月無料
LUMO WEB STUDIO リリース記念といたしまして、
初期にご契約いただいたお客様には、月額保守を 3ヶ月無料 でご提供します。
オープンハウス告知、竣工事例の追加、ブログ記事更新など、お声がけいただければ即対応いたします。
06 · Other Services
LUMOの他サービス
名刺デザイン
建築事務所らしい品格と、HPと統一感のある名刺デザイン。ロゴ・配色をHPに揃えて制作いたします。
¥5,000(税別)〜
チラシ・フライヤー
オープンハウス、竣工見学会、設計相談会、家づくりセミナーなど、配布用チラシのデザインに対応いたします。
¥8,000(税別)〜
封筒デザイン
事務所封筒・図面送付用封筒。HPの世界観を踏襲したデザインで統一感を演出します。
¥5,000(税別)〜
ロゴ・印刷物制作
事務所ロゴ、見学会用ポスター、来場記念カード、ステッカー等の印刷物に対応します。
¥6,000(税別)〜
会社案内PDF
施工会社・不動産会社・寺院・自治体・商工会議所向けの営業用事務所案内PDFを制作します。
¥10,000(税別)〜
Web丸投げプラン
オープンハウス告知・事例追加・原稿リライトを全てお任せ。先生は設計に集中できます。
最低契約期間 24ヶ月。
¥5,000/月(税別)〜
07 · Flow
ご契約までの流れ
- STEP 1メールにてお返事・ご質問
- STEP 2プラン選定・お見積り確定
- STEP 3原稿・写真のご提供(最低限でOK・LUMOが構成)
- STEP 4初稿提出(おおむね2週間)
- STEP 5修正対応・公開
08 · About LUMO
LUMO WEB STUDIOについて
士業・建築・クリニック・整骨院・教室・アーティストを中心に、
小規模事業者の Webサイト制作を専門に行うスタジオです。
Cloudflareのインフラを活用し、表示が速く・運用が軽い・修正にもすぐ対応できる
小回りの効く制作体制を整えています。
09 · FAQ
よくあるご質問
原稿はどう用意すれば?
箇条書きや手書きメモでOKです。LUMO側で構成・文章化を担当します。建築士特有の表現(効果断定を避ける/建築士法・建築基準法に整合する表現/設計監理料は工事費に対する料率制であることの明示)にも対応します。
独自ドメインは取れますか?
はい。.com / .jp / .biz など、ご希望のドメイン取得・設定もサポートします。既にお持ちの wada-ado.com もそのままご利用いただけます。
作品事例の写真はどう用意すれば?
お持ちの竣工写真・スマホ撮影写真でも対応可能です。プロカメラマン撮影のご相談・ご手配についてもお気軽にお問い合わせください。
SEOやお知らせは?
お知らせ欄の運用、SEO対策(松山・愛媛・建築事務所・設計事務所・注文住宅・寺院建築 など地域×業務での検索流入)にも対応可能です。
「Web丸投げプラン」の最低契約期間は?
Web丸投げプラン(月額5,000円〜・税別)は、企画・原稿・写真・更新まで全てお任せの構成のため、初期コスト分担の関係で最低契約期間 24ヶ月とさせていただいております。それ以外のプランは契約期間の縛りはございません。
サンプルHPはいつまで見られますか?
本サンプルHPは、和田先生にご検討いただくため当面の間ご覧いただけます。ご検討期間中はサンプルURLからご自由にご覧ください。
10 · Contact
お返事・ご質問はこちらへ
ご検討の段階でも、率直なご感想でも、お気軽にお返事ください。
内容を踏まえて、最適なプランをご提案いたします。
LUMO WEB STUDIO / https://lumo-web-studio.pages.dev/