AH Élec Rénov
全面リフォームも手がける電気工事店。両方を、混乱させずに伝えるサイトが必要でした。
- 年
- 2026
- 制作期間
- 3週間
- 技術スタック
- Next.js · React · Tailwind · Vercel
- デザイン
- 開発
- ローカルSEO
- ライティング
Kayzen WebがVercelのアドレスで公開しているデモ版です。正式なドメインはクライアントに帰属します。

- Lighthouseパフォーマンス
- 87/100
- Lighthouse SEO
- 100/100
- つの連携したサービス群
- 2
解決すべき課題。
背景
AH Élec Rénovは、リヨン市内とリヨン西部で、一般電気工事、NF C 15-100(フランスの低圧電気設備規格)への適合工事、さらに浴室、キッチン、配管など内装リフォームの一括請負を手がけています。
制約
ひとつの会社に2つのポジショニングがありました。電気工事はトラフィックを、一括リフォームは利益をもたらします。両者を同列に並べるとメッセージがぼやけ、どちらか一方だけにすれば、件数か単価のどちらかを諦めることになります。
解決策
電気工事は専用のページを持つSEOの入り口として残しました。一括リフォームは、その自然な続きとして提示しています。「分電盤を新しくしたのですから、お部屋も新しくできます」。上位サービスへの誘導は、正面から打ち出すのではなく、導線の中に組み込まれています。
納品時に計測したスコア。
本番環境のサイトのLighthouseスコアです。数値はそのまま公開しています。低いスコアがあれば、その原因と改善計画を下に記載しており、伏せることはしません。
すべての判断に、理由がある。
規格への適合を前面に
NF C 15-100への適合工事を、それが意味する内容とともに明記しています。住まいを売却する人や古い物件を改修する人が探しているのは、「資格のある電気工事士」ではなく、この具体的な規格名です。
階段状の導線
電気工事の各ページの最後には、一括リフォームへの橋渡しがあります。上位サービスの提案は、トップページではなく、信頼が築かれたタイミングで行います。
部屋ごとの施工事例
浴室、キッチン、リビング。顧客が思い描くのは部屋であり、技術的なサービス内容ではありません。
プロジェクトのカラーパレット
エレクトリックブルー
#1B5E9B
アイデンティティ
シグナルイエロー
#E5A82E
アクション
ライトグレー
#F4F6F8
背景
インク
#1B1F24
テキスト
タイポグラフィ体系
見出し用書体
Outfit 700
本文用書体
Inter 400
簡素な書体です。規制のある職種では、凝ったタイポグラフィは個性で得る以上に信頼性を損ないます。
その裏側にある技術。
- Next.js
- React
- Tailwind
- Vercel
2段階の見積もり導線
まずニーズの種類、その後に連絡先。最初の項目で電話番号を尋ねると、入力完了率が大きく下がります。
静的で軽量
静的レンダリング、サイズを指定した画像、アニメーションライブラリはなし。充実したギャラリーがありながら、パフォーマンスは87です。
検索で見つけてもらうための仕組み。
2つのクエリ群
一方に「電気工事 リヨン5区」「電気設備 規格適合 タッサン(Tassin)」、もう一方に「浴室リフォーム リヨン西部」。それぞれのクエリ群に専用のページがあり、互いに内部リンクで結ばれています。
規格名をキーワードに
「NF C 15-100」は検索ボリュームは小さいものの、意図が非常に強いクエリです。これを入力する人は、なぜ入力しているのかをわかっています。
納品したもの。
- トップ
- 電気工事と規格適合
- 一括リフォーム
- 浴室 / キッチン / 配管
- 部屋ごとの施工事例
- 対応エリア
- 見積もり
プロジェクトの流れ。
ポジショニング
電気工事を入り口に、リフォームを上位サービスに。
デザイン
階段状の導線、部屋ごとの施工事例。
開発
静的サイト、2段階の導線。
SEO
2つのクエリ群と、その間の内部リンク。


