SAMPLE SITE
株式会社 石川建築研究所様 専用 サンプルサイトを実際にご覧いただけます
View Sample Site →※ サンプルサイトで使用している画像はすべてイメージ素材です。本番制作の際はお客様ご希望の写真・画像に全て差し替えます。
Proposal
ご提案資料
株式会社 石川建築研究所様
01 · Greeting
はじめに
この度はご覧いただきありがとうございます。
LUMO WEB STUDIO（ルモ ウェブスタジオ）の窓口担当です。
株式会社 石川建築研究所様の「人と自然に優しい × 自然素材を活かす × 茨城県水戸市の建築設計事務所 × 住宅・福祉・商業・公共施設の幅広い実績」という強みを軸に、
株式会社 石川建築研究所様 専用のサンプルサイトを制作いたしました。
02 · Why we made this
サンプルサイトを制作した理由
01
「設計の姿勢」を最初の3秒で伝える
建築事務所のHPは「実績写真」だけになりがちですが、貴所の最大の強みは人と自然に優しい・自然素材を活かす・地震や台風に強い・経年美化の設計姿勢。HEROのコピーと「五つの姿勢」セクションで、最初の3秒で設計理念が伝わる構成にしました。
02
「住宅 + 福祉 + 商業 + 公共」四本立て構成
住宅だけでなく、ノーマライ心の花・K福祉事業所などの福祉施設、総合食品エスイー株式会社の商業施設、偕楽園梅桜橋エレベーター改修・県公館解体設計などの公共事業を実績として掲載。多分野での信頼性を可視化します。
03
設計実績・お客様の声・流れの導線
「Works（設計実績）→ Voices（お客様の声）→ Process（設計の流れ）」と、お施主さまの検討プロセスにそった導線を設計。お問い合わせ・採用までスムーズに誘導します。
03 · Design Intent
サイト設計の意図
- カラー：純白系（#FFFFFF / #FCFCFC）× 偕楽園紅梅（#B86A6E）× 那珂川の苔水グリーン（#5A7A6E）× 自然素材の土（#9C7A56）× 灯火アンバー（#D9A14B）。水戸の地と「人と自然に優しい」設計姿勢を象徴する配色で、信頼感と温かみを両立しました。明色背景デフォルトを順守しています。
- フォント：見出しに Shippori Mincho B1（建築誌風和文）、英字に Cormorant Infant Italic と Fraunces（図面キャプション風）、本文に Noto Sans JP、手書き調に Klee One。和洋・手仕事の質感を重ね合わせ、年配のお施主さまにも読みやすい字間・行間を確保しました。
- ナビゲーション：「ホーム/事務所案内/設計の姿勢/設計実績/設計の流れ/リフォーム・改修/お客様の声/お知らせ/採用情報/アクセス/お問い合わせ」の11項目。現HPの構成（Home/WORKS/PROFILE/Contact/BLOG/Real Estate Management/Job opening）を踏襲しつつ、設計事務所として必要な項目を完全日本語で再構成しています。
- トップHERO：画面いっぱいの全画面ヒーロー写真（自然素材を活かした木造住宅）に5枚のクロスフェードKen Burnsを採用。事務所の作品世界が最初の3秒で伝わります。オープニングアニメは省略し、即時HERO表示でファーストビュー高速化を優先しました。
- スクロール演出：IntersectionObserver フェードイン、画像のクリップマスク変化、スティッキー画像、数字カウントアップ、図面風グリッドオーバーレイ、パララックス背景。建築事務所らしい落ち着いた動きで世界観を構築しました。
- 構成：ホーム／事務所案内／設計の姿勢／設計実績／設計の流れ／リフォーム・改修／お客様の声／お知らせ／採用情報／アクセス／お問い合わせ の 11ページ＋proposal の全12ページ。設計事務所に必要なコンテンツを過不足なく揃えています。
04 · Plans
3つのプラン
LIGHT
LP 1ページプラン
¥10,000（税別）
1ページ完結のランディングページ。完成見学会・採用募集・特定プロジェクトの告知など、単発の用途に。
STANDARD
スタンダード
¥30,000（税別）
5〜6ページ構成。事務所案内＋設計実績＋お問い合わせを中心とした、基本構成の建築事務所サイトに対応します。
PREMIUM ★ 推奨
プレミアム
¥50,000（税別）
本サンプル相当（11ページ＋全画面HERO＋設計実績ギャラリー＋お客様の声＋スクロール連動演出多数）。事務所の世界観を最大限に表現できる構成です。
＋ 月額保守 ¥5,000（税別・ホスティング込み・最低契約期間12ヶ月）
月額保守に含まれるもの
サーバー・ホスティング維持／SSL自動更新／死活監視／障害対応／軽微修正（文言・画像・営業時間等）／お知らせ・新着投稿の追加／Google アナリティクス運用サポート
月額保守は最低契約期間12ヶ月とさせていただいております。
【ご留意事項】クライアント様側での 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丸投げプラン
更新・お知らせ追加・原稿リライトを全てお任せ。先生は本業の設計・現場に集中できます。最低契約期間24ヶ月。
¥5,000/月（税別）〜
※ 価格はすべて税別表記です。
07 · Flow
ご契約までの流れ
- STEP 01メールにてお返事・ご質問
- STEP 02プラン選定・お見積り確定
- STEP 03原稿・写真のご提供（最低限でOK・LUMOが構成）
- STEP 04初稿提出（おおむね2週間）・ご確認段階での修正は2回まで無料（以降は別途お見積り）
- STEP 05修正対応・本番公開・SSL設定・保守契約スタート
08 · About LUMO
LUMO WEB STUDIOについて
士業・建築・工務店・クリニック・整骨院・教室・アーティストを中心に、
小規模事業者の Webサイト制作を専門に行うスタジオです。
Cloudflareのインフラを活用し、表示が速く・運用が軽い・修正にもすぐ対応できる
小回りの効く制作体制を整えています。
09 · FAQ
よくあるご質問
原稿はどう用意すれば？
箇条書きや手書きメモでOKです。LUMO側で構成・文章化を担当します。建築事務所特有の表現（「最高品質」等の効果断定を避ける、建築士法・建設業法準拠の表記）にも配慮します。
独自ドメインは取れますか？
はい。.com / .jp / .biz など、ご希望のドメイン取得・設定もサポートします。
更新は自分でできますか？
更新は丸投げいただく前提です（保守契約内）。お知らせ追加・設計実績更新・コラム掲載など、月額保守内で対応します。クライアント様側でHTMLを直接編集する仕組みは提供しておりません。
SEOやお知らせは？
お知らせ欄の運用、SEO対策（水戸・茨城・建築設計事務所・自然素材・住宅設計などの地域×業務での検索流入）にも対応可能です。
月額保守の契約期間は？
月額保守は最低契約期間 12ヶ月 です。サーバー・SSL・監視・軽微な修正・お知らせ更新まで含まれ、公開後は安心して長くご運用いただけます。Web丸投げプランは最低契約期間 24ヶ月 です。
修正は何回まで無料ですか？
制作過程でのご確認時、2回までの修正を無料で承ります。それ以降は別途お見積りとなりますが、公開後の文言・画像・営業時間などの軽微な修正は月額保守の範囲内で対応いたします。
10 · Contact
お返事・ご質問はこちらへ
ご検討の段階でも、率直なご感想でも、お気軽にお返事ください。
内容を踏まえて、最適なプランをご提案いたします。
LUMO WEB STUDIO · lumo-web-studio.pages.dev