電気工事・リフォーム

AH Élec Rénov

全面リフォームも手がける電気工事店。両方を、混乱させずに伝えるサイトが必要でした。

年
2026
制作期間
3週間
技術スタック
Next.js · React · Tailwind · Vercel
  • デザイン
  • 開発
  • ローカルSEO
  • ライティング

Kayzen WebがVercelのアドレスで公開しているデモ版です。正式なドメインはクライアントに帰属します。

https://ah-elec-renov.vercel.app/
AH Élec RénovのWebサイトのトップページ――電気工事・リフォーム、Kayzen Web制作
Lighthouseパフォーマンス
87/100
Lighthouse SEO
100/100
つの連携したサービス群
2
出発点

解決すべき課題。

背景

AH Élec Rénovは、リヨン市内とリヨン西部で、一般電気工事、NF C 15-100(フランスの低圧電気設備規格)への適合工事、さらに浴室、キッチン、配管など内装リフォームの一括請負を手がけています。

制約

ひとつの会社に2つのポジショニングがありました。電気工事はトラフィックを、一括リフォームは利益をもたらします。両者を同列に並べるとメッセージがぼやけ、どちらか一方だけにすれば、件数か単価のどちらかを諦めることになります。

解決策

電気工事は専用のページを持つSEOの入り口として残しました。一括リフォームは、その自然な続きとして提示しています。「分電盤を新しくしたのですから、お部屋も新しくできます」。上位サービスへの誘導は、正面から打ち出すのではなく、導線の中に組み込まれています。

自己申告ではなく、計測値

納品時に計測したスコア。

本番環境のサイトのLighthouseスコアです。数値はそのまま公開しています。低いスコアがあれば、その原因と改善計画を下に記載しており、伏せることはしません。

PageSpeed
87
パフォーマンス:100点中87点
96
アクセシビリティ:100点中96点
100
ベストプラクティス:100点中100点
100
SEO:100点中100点
デザイン・アートディレクション

すべての判断に、理由がある。

  1. 規格への適合を前面に

    NF C 15-100への適合工事を、それが意味する内容とともに明記しています。住まいを売却する人や古い物件を改修する人が探しているのは、「資格のある電気工事士」ではなく、この具体的な規格名です。

  2. 階段状の導線

    電気工事の各ページの最後には、一括リフォームへの橋渡しがあります。上位サービスの提案は、トップページではなく、信頼が築かれたタイミングで行います。

  3. 部屋ごとの施工事例

    浴室、キッチン、リビング。顧客が思い描くのは部屋であり、技術的なサービス内容ではありません。

プロジェクトのカラーパレット

  • エレクトリックブルー

    #1B5E9B

    アイデンティティ

  • シグナルイエロー

    #E5A82E

    アクション

  • ライトグレー

    #F4F6F8

    背景

  • インク

    #1B1F24

    テキスト

タイポグラフィ体系

見出し用書体

Outfit 700

本文用書体

Inter 400

簡素な書体です。規制のある職種では、凝ったタイポグラフィは個性で得る以上に信頼性を損ないます。

エンジニアリング

その裏側にある技術。

  • Next.js
  • React
  • Tailwind
  • Vercel
  1. 2段階の見積もり導線

    まずニーズの種類、その後に連絡先。最初の項目で電話番号を尋ねると、入力完了率が大きく下がります。

  2. 静的で軽量

    静的レンダリング、サイズを指定した画像、アニメーションライブラリはなし。充実したギャラリーがありながら、パフォーマンスは87です。

SEO対策

検索で見つけてもらうための仕組み。

  1. 2つのクエリ群

    一方に「電気工事 リヨン5区」「電気設備 規格適合 タッサン(Tassin)」、もう一方に「浴室リフォーム リヨン西部」。それぞれのクエリ群に専用のページがあり、互いに内部リンクで結ばれています。

  2. 規格名をキーワードに

    「NF C 15-100」は検索ボリュームは小さいものの、意図が非常に強いクエリです。これを入力する人は、なぜ入力しているのかをわかっています。

サイト構成

納品したもの。

  • トップ
  • 電気工事と規格適合
  • 一括リフォーム
  • 浴室 / キッチン / 配管
  • 部屋ごとの施工事例
  • 対応エリア
  • 見積もり
進め方

プロジェクトの流れ。

  1. ポジショニング

    電気工事を入り口に、リフォームを上位サービスに。

  2. デザイン

    階段状の導線、部屋ごとの施工事例。

  3. 開発

    静的サイト、2段階の導線。

  4. SEO

    2つのクエリ群と、その間の内部リンク。

Q&A

よくいただくご質問。

必ずしもそうではありませんが、優先順位は付けるべきです。トラフィックをもたらす方を入り口にし、利益をもたらす方はその後、導線の中で提案します。同列に並べても、両方が薄まるだけです。

同じ水準のこだわりを、あなたのサイトにも。

現在のサイトの無料診断、24時間以内のお見積もり、そして今お読みいただいたような書面での解説をお届けします。3回分割払い(手数料無料)に対応し、利用できる地域の補助金は契約前に確認します。

共有