ご提案資料

はじめに

この度はご覧いただきありがとうございます。
LUMO WEB STUDIO（ルモ ウェブスタジオ）の窓口担当です。
本サンプルは 「自社工場で材料にこだわった、山口県産・徳山みかげのお墓づくり」 をされている石川石材店さまの現サイトを拝見し、リニューアルのご提案として制作したサンプルサイトです。
実際にご覧いただきながら、デザインのご参考としていただけます。

サイト設計の意図

• コンセプト：「徳山みかげの石×山口の杜×光触媒の白」。山口県産の銘石と地元の自然、そして光触媒コーティングが生む清らかさを、配色と写真で表現しました。
• カラー：藍鉄 #3A5066（メイン）／濃藍鉄 #283B4D（深色）／青磁緑 #5E8A86（アクセント）／真鍮 #B89255（差し色）／生成り #E7E3D8・紙白 #FFFFFF/#FAF6EE（背景）。石材店らしい落ち着きと品格を、温かみのある明色で両立させた配色です。
• ナビゲーション：完全日本語横並び（ホーム／会社案内／仕事内容／墓石のご案内／料金／施工の流れ／お墓の知識／お客様の声／お知らせ／アクセス／お問い合わせ）。現サイトのナビ項目（仕事内容／お墓の知識／会社案内／お問い合わせ）を踏襲しつつ、料金・施工の流れ・お客様の声・お知らせを加えて情報を拡充しました。
• フォント：Shippori Mincho 500-600（明朝・和文見出し）＋ Cormorant Garamond italic（上品なアクセント英）＋ Noto Sans JP 400-500（本文）。石材店らしい品格と、読みやすさを両立。
• ファーストビュー：イントロアニメは使用せず、ページを開いた瞬間に全画面ヒーロー写真（徳山みかげの墓石と石庭）が表示される構成です。「山口の石で、末永く守れるお墓を。」のコピーと写真を最初の3秒で届け、表示も高速。藍鉄×青磁緑×真鍮の配色で、石材店らしい落ち着いた世界観をすぐに伝えます。
• 差別化要素：「自社工場で材料からこだわる」「一級石材施工技能士による施工」「施工保証10年」「光触媒コーティング取扱」「徳山みかげ・大島石・外国産の石種紹介」をフロントに配置。実際の現サイトの情報（取扱石種・7つの仕事・各種決済対応・インボイス登録）を忠実に反映しています。
• 明色背景デフォルト：主要セクションは紙白／生成り／グラデーションの明色のみ。ダーク帯はフッターのみ（B10ルール準拠）。落ち着きのある明色で、品格と読みやすさを両立しました。
• 過剰演出を排除：判子風の装飾・周年メイン数字・線描画オープニング・マウス追従blob・3D tilt等の過剰演出はすべて排除。控えめなホバー・fade-up のみを使用し、石材店らしい落ち着いた印象に仕上げています。
• 構成：ホーム／会社案内／仕事内容／墓石のご案内／料金／施工の流れ／お墓の知識／お客様の声／お知らせ／よくあるご質問／アクセス／お問い合わせ の12ページ＋本提案資料の構成。
• 業界配慮：「絶対に満足いただける」等の効果断定を排除。料金は税別表記で目安として明示し、正式な金額は現地確認のうえでお見積りする旨を記載。お客様の声はお客様の特定を避け、年代・性別のみの表記としています。
• 価格表記：本提案資料の他サービス料金はすべて税別表記で統一しています。
  ※価格はすべて税別表記です

LUMOの他サービス

※価格はすべて税別表記です

LUMO WEB STUDIOについて

士業・建築・葬儀社・老人福祉・クリニック・整骨院・教室・アーティストを中心に、
小規模事業者の Webサイト制作を専門に行うスタジオです。
Cloudflareのインフラを活用し、表示が速く・運用が軽い・修正にもすぐ対応できる
小回りの効く制作体制を整えています。