SAMPLE SITE
株式会社スケッチ御中 専用 サンプルサイトを実際にご覧いただけます
サンプルサイトを開く →※ サンプルサイトで使用している画像はすべてイメージ素材です。本番制作の際はお客様ご希望の写真・画像に全て差し替えます。
Proposal
ご提案資料
株式会社スケッチ御中
01 · Greeting
はじめに
この度はご覧いただきありがとうございます。
LUMO WEB STUDIO（ルモ ウェブスタジオ）の窓口担当です。
株式会社スケッチ様の「大分市の一級建築士事務所 × 住宅の新築 × リフォーム・リノベーション × 店舗・オフィスデザイン × インテリア・モールテックス × 設計から施工まで一貫 × お客様第一のオンリーワンのものつくり」という強みを軸に、
株式会社スケッチ御中 専用のサンプルサイトを制作いたしました。
02 · Why we made this
サンプルサイトを制作した理由
01
「設計から施工まで一貫」の見える化
屋号「スケッチ＝えがく」と「えがいた人が建てる」という一貫体制の強みを、HEROの「えがいて、建てる。」とトップの「設計と施工をひとつの窓口で」で明確化。他社との差別化ポイントが一目で伝わるよう設計しました。
02
「新築 + リフォーム + 店舗 + インテリア」を可視化
住宅の新築だけでなく、リフォーム・リノベーション、店舗・オフィスデザイン、インテリア・モールテックスにも独立した導線を確保。暮らしと事業の両方のお客様から、自然に問合せにつながる設計にしました。
03
施工事例・お客様の声・流れの導線
「Works（施工事例）→ Voices（お客様の声）→ Process（家づくりの流れ）」と、お客様の検討プロセスにそった導線を設計。お問い合わせ・採用問合せまで、自然に誘導します。
03 · Design Intent
サイト設計の意図
- カラー：純白系（#FFFFFF / #FCFCFC）× 青焼ブループリント（#2C5C7A・製図の青）× 別府湾グリーン（#4F7568）× スケッチ鉛筆オーカー（#9A7038）× 製図トレペのアンバー（#D6A24C）。設計事務所らしい製図・スケッチの世界観を、明色背景デフォルトを順守して表現しました。
- フォント：見出しに Shippori Mincho B1（建築誌風和文）、英字に Cormorant Infant Italic（図面のキャプション風）、本文に Noto Sans JP、手書き調に Klee One。設計図の手描きと、和洋の質感を重ね合わせています。
- オープニング：R8（イントロアニメ完全廃止）に従い、サンプルサイトは body 直接 → ヘッダー → HERO 即時表示の構成です。ファーストビューの体感速度を最優先しました。
- フルブリード・全画面HERO：トップは画面いっぱい（100vh）の全画面ヒーロー写真。建物・空間の佇まいを大きく見せ、各ページにもフルブリード（全画面幅）の写真を配置しています。
- スクロール演出：SVG パスの家屋輪郭スクロール描画、IntersectionObserver フェードイン、画像のクリップマスク変化、スティッキー画像、Before/After比較スライダー、ホバーでズーム、図面風グリッドオーバーレイ。
- 構成：ホーム／私たちについて／設計と施工／施工事例／家づくりの流れ／リフォーム／お客様の声／お知らせ／採用／アクセス／お問い合わせ の 11ページ＋proposal の全12ページ。
04 · Plans
3つのプラン
LIGHT
LP 1ページプラン
¥10,000（税別）
1ページ完結のランディングページ。完成見学会・現場見学会の告知など、単発の用途に。
STANDARD
スタンダード
¥30,000（税別）
5〜6ページ構成。一般的な設計事務所・工務店コーポレートサイト規模に対応。
PREMIUM ★ 推奨
プレミアム
¥50,000（税別）
本サンプル相当（11ページ＋全画面HERO・施工事例ギャラリー・お客様の声・Before/After比較・スクロール連動演出多数）。設計事務所としての世界観を最大限に表現できる構成。
＋ 月額保守 ¥5,000（税別・ホスティング込み）
月額保守に含まれるもの
サーバー・ホスティング維持／SSL証明書 自動更新／死活監視／障害対応／軽微修正（文言・画像・営業時間等）／お知らせ・新着投稿の追加／Google アナリティクス運用サポート
【ご留意事項】クライアント様側での HTML 直接編集は想定外です。更新は保守内、または単発修正でご対応します。「公開後は触らずに安心して長期運用できる状態」を設計思想としております。保守契約終了時はホスティング停止となりますが、ご希望の場合は Astro ソース一式の引渡しも可能です（他社サーバー移行可能・ベンダーロックインなし）。
※ 価格はすべて税別表記です。LUMOは免税事業者のため別途消費税は申し受けません。
05 · Launch Bonus
第1号特典：月額保守 3ヶ月無料
LUMO WEB STUDIO リリース記念といたしまして、
初期にご契約いただいたお客様には、月額保守を 3ヶ月無料 でご提供します。
お知らせ追加、料金更新、業務内容の修正など、お声がけいただければ即対応いたします。
06 · Other Services
LUMOの他サービス
名刺デザイン
建築士らしい、紙・木・墨の質感を生かした名刺デザイン。ロゴ・配色をHPと統一感を演出します。
¥5,000〜（税別）
チラシ・フライヤー
完成見学会、現場見学会、構造見学会、リフォーム相談会など、エリア配布用に対応します。
¥8,000〜（税別）
封筒デザイン
事務所封筒・契約書送付用封筒・案内状用封筒。HPの世界観を踏襲したデザイン。
¥5,000〜（税別）
ロゴ・印刷物制作
屋号ロゴ・パンフレット・現場看板用ステッカー・ポストカード等。HPと統一されたブランドデザイン。
¥6,000〜（税別）
PDF会社案内
取引先・お施主さま・銀行・採用候補者への営業用デジタル会社案内パンフレット。施工事例集としても対応可能。
¥10,000〜（税別）
Web丸投げプラン
更新・お知らせ追加・原稿リライトを全てお任せ。先生は本業の設計・現場に集中できます。
¥5,000/月〜（税別）
※ 最低契約期間 24ヶ月／以降は1ヶ月単位で自動継続／24ヶ月以内の途中解約は残月数×50%
※ 価格はすべて税別表記です。
07 · Flow
ご契約までの流れ
- STEP 01メールにてお返事・ご質問
- STEP 02プラン選定・お見積り確定
- STEP 03原稿・写真のご提供（最低限でOK・LUMOが構成）
- STEP 04初稿提出（おおむね2週間）
- STEP 05修正対応・公開
08 · About LUMO
LUMO WEB STUDIOについて
士業・建築・工務店・クリニック・整骨院・教室・アーティストを中心に、
小規模事業者の Webサイト制作を専門に行うスタジオです。
Cloudflareのインフラを活用し、表示が速く・運用が軽い・修正にもすぐ対応できる
小回りの効く制作体制を整えています。
09 · FAQ
よくあるご質問
原稿はどう用意すれば？
箇条書きや手書きメモでOKです。LUMO側で構成・文章化を担当します。建築・設計事務所特有の表現（「最高品質」等の効果断定を避ける、資格・許可・実績の正確な表記、建築士法・建設業法に沿った広告表現）にも配慮します。
独自ドメインは取れますか？
はい。.com / .jp / .biz など、ご希望のドメイン取得・設定もサポートします。
更新は自分でできますか？
更新は丸投げいただく前提です（保守契約内）。月額保守内で対応します。
SEOやお知らせは？
お知らせ欄の運用、SEO対策（大分・大分市・羽田・一級建築士事務所・注文住宅・新築・リフォーム・リノベーション・店舗デザイン・インテリア・モールテックスなどの地域×業務での検索流入）にも対応可能です。
Web丸投げプランの契約期間は？
最低契約期間は 24ヶ月 です。24ヶ月以降は1ヶ月単位の自動継続となり、いつでも解約可能（前月末までにメール連絡）。24ヶ月以内の途中解約は残月数×50%を解約金として申し受けます。月額保守単体（¥5,000/月）は別途、12ヶ月縛りで解約金なし。
店舗・インテリア特化ページも追加できる？
はい。本サンプルでも「リフォーム」「設計と施工（店舗・インテリアを含む）」のページを配置しています。事業内容に合わせて、ページ追加・並び替えも自由にカスタマイズ可能です。
10 · Contact
お返事・ご質問はこちらへ
ご検討の段階でも、率直なご感想でも、お気軽にお返事ください。
内容を踏まえて、最適なプランをご提案いたします。
LUMO WEB STUDIO