制作前の課題
スタッフがWordPressのテンプレートを使って作成しただけの状態で、多くの課題を抱えていました。
- 何の会社か伝わらない:FVを見ても事業内容が把握しにくい
- 信頼材料がない:スタッフの顔・実績・お客様の声がなく、信頼獲得が難しい状態
- お問い合わせへの動機づけがない:CV導線が設計されておらず、訪問者が次のアクションを取りにくい
- SEOが弱い:テンプレートのままでSEO対策が施されていない
- ビジュアルが十分でない:会社の印象を左右するデザインクオリティに課題があった
「サイトをあまり見てほしくない」——リニューアル前のクライアントの率直な気持ちでした。
制作の目的
- 信頼獲得:実績・インタビュー・スタッフの顔出しで、訪問者に安心感を与えるサイトを構築する
- 問い合わせ獲得:明確なCV導線を設計し、問い合わせにつながるサイトにする
- SEO強化:「ラクメカ」や自動車採用関連キーワードでの検索上位を狙う
制作内容
ページ構成
| コンテンツ | 形式 | 役割 |
|---|---|---|
| ラクメカ紹介ページ | 固定ページ | メインサービスの詳細訴求 |
| ラクサポ紹介ページ | 固定ページ | サブサービスの詳細訴求 |
| 会社情報 | 固定ページ | 企業の信頼性・透明性の担保 |
| 採用情報 | 固定ページ | 自社採用の訴求 |
| お問い合わせフォーム | 3種(メイン・求職者用・営業用) | ターゲット別の導線分岐 |
| 実績紹介 | 投稿コンテンツ | 信頼獲得・SEO強化 |
| お客様インタビュー | 投稿コンテンツ | 第三者の声による信頼獲得 |
| お知らせ・コラム | 投稿コンテンツ | SEO強化・情報発信 |
| スタッフインタビュー(クライアント向け) | 投稿コンテンツ | 会社の人柄・文化の訴求 |
| スタッフインタビュー(求職者向け) | 投稿コンテンツ | 採用訴求 |
お問い合わせフォームの3分岐設計
訪問者の属性に応じて問い合わせ経路を3つに分けています。メイン(サービス全般)・求職者用・営業用とターゲット別に導線を整理することで、問い合わせの質と処理効率を向上させています。
工夫したポイント
FVと情報設計——「信頼獲得」を起点にしたレイアウト
トップページは「信頼獲得→興味喚起→CV」の流れを一本の軸として設計しました。
- FV:キャッチコピーと大きな画像で「何の会社か」を一瞬で伝える
- 信頼ゾーン:取引先ロゴとメディア掲載記事を早い段階で提示
- CV導線:「悩み提示→解決策→サービス紹介」の流れでお問い合わせへ誘導
- 情報の深掘り:実績・インタビュー・会社情報を後半に配置し、興味を持った訪問者が深く読める構成に

サービスごとに異なるデザイン設計
メインサービスの「ラクメカ」はネイビー×ホワイト×ゴシック体で、真摯で引き締まった印象に仕上げています。地方のファミリー企業など親しみやすさが求められるクライアントも多いとのことで、イラストも効果的に配置しました。
一方、趣が異なる「ラクサポ」ページはメインカラーをピンクに変更し、サービスの世界観を明確に分けました。同じサイト内でサービスの個性を損なわずに共存させる設計です。

自社採用ページは「若年層・女性」に向けたビジュアル設計
採用情報では応募者層が「若年層・女性が多い」という情報をもとに、手書きフォントや丸みのあるシェイプを取り入れ、柔らかく親しみやすい印象に仕上げました。同じサイトでもターゲットに応じてデザインの文法を使い分けています。

飽きさせない演出——アニメーションと動画の活用
スクロールするにつれて単調にならないよう、アニメーションや動画を設置しています。ビジュアルの変化が滞在時間の向上にもつながる設計です。
投稿コンテンツを多用したSEO設計
実績・インタビュー・コラムなど、定期的に更新できる投稿コンテンツを多く取り入れています。コンテンツが増えるほど検索エンジンへの評価が高まり、「ラクメカ」や自動車採用関連キーワードでの上位表示を狙い続けられる構造です。

制作期間
約6ヶ月(ヒアリング〜公開まで)
成果・反響
- 公開後、問い合わせが増加
- サイトを見たユーザーからの反響も上々
- SEOも少しずつ効果が出始めている
- クライアントから特に印象的だったのは以下の言葉です。
「リニューアル前は『サイトをあまり見てほしくない』という気持ちだったが、今は『ぜひ見てほしい』という気持ちになった」
とても嬉しいお言葉でした。SEOもじわじわと効果が出てきていますので、今後のコンテンツ制作もサポートしていいきます。
まとめ
| 工夫したポイント | 内容 |
|---|---|
| 信頼獲得を起点にした情報設計 | 取引先ロゴ・実績・インタビュー・顔出しで訪問者の不安を解消 |
| CV導線の明確化 | 悩み→解決策→サービス→問い合わせの流れを一本化 |
| サービスごとのデザイン分岐 | ラクメカはネイビー、ラクサポはピンクで世界観を分離 |
| ターゲット別デザイン | 採用ページは若年層・女性向けに柔らかいビジュアルを採用 |
| 投稿型コンテンツによるSEO設計 | 定期更新できるコンテンツで検索評価を積み上げる |