WordPress(SWELL)トップページリデザイン事例|企業サイトの印象改善

クラウドソーシング経由で、企業サイトのトップページ改善のご依頼をいただきました。クライアント様は「見た目の印象を良くしたい」というシンプルなご要望で、デザインの大幅な変更ではなく、現状のレイアウトを活かした調整をご希望でした。

WordPress(SWELLテーマ)で構築されたサイトに対し、間隔調整・画像追加・クライアント様ご自身での編集方法のレクチャーまで対応した事例をご紹介します。

案件概要

項目 内容
業種 コンサルティング・サービス業
ご依頼内容 WordPressトップページの見た目改善(間隔調整・画像挿入・編集方法レクチャー)
使用テーマ SWELL
作業期間 約3日間
価格帯 1〜3万円台

課題と背景

クライアント様からは以下のようなお悩みをいただきました。

  • 間隔が開きすぎている:段落ごとやタイトルと文字の間が開きすぎて、全体的に間延びした印象になっている
  • トップページに画像がない:テキストだけでは視覚的な訴求力が弱く、親しみやすさが不足している
  • 今後は自分で編集したい:テキストの修正を自分で行えるよう、WordPress管理画面の操作方法を知りたい

「デザインに強いこだわりはなく、手戻りも少ない想定」とのことで、現状のレイアウトを活かしながら、シンプルに印象を改善する方向性でご提案しました。

対応内容

以下のステップで作業を進めました。

  1. 現状調査:WordPressテーマ(SWELL)の構造と使用中のブロックを確認
  2. 間隔調整
    • ファーストビューのpadding(8em → 6em)
    • スペーサーブロックの高さを全体的に約50%削減(32px → 16px、24px → 12px等)
    • 行間(line-height)を2.2 → 1.8に調整
    • カード内のパディングを32px → 20〜24pxに最適化
  3. 画像挿入
    • Unsplashから「AI相談」をイメージする画像を選定(1280×480px)
    • ファーストビューと「こんな方に」セクションの間に配置
  4. 編集方法のレクチャー
    • WordPress管理画面へのログイン方法
    • 固定ページ「TOP」の編集手順
    • ブロックエディタの基本操作
  5. 修正対応:クライアント様からのフィードバックを即日反映

成果・結果

納品後、クライアント様から以下のようなご評価をいただきました。

  • 間隔が適切になり、ページ全体の見やすさが向上した
  • 画像が入ったことで、サイトの印象が明るく親しみやすくなった

クライアント様は200件以上のレビュー実績をお持ちの方で、「また何かあればお願いしたい」とのお言葉をいただき、今後の継続的なご依頼につながる関係を構築できました。

ポイント・学び

この案件で重視したポイントは以下の通りです。

  • クライアント様の本質的なニーズを理解する:「デザインのこだわりはない」というお言葉から、過剰な提案ではなく「シンプルな改善」に集中
  • 即日対応で信頼を獲得:修正依頼を当日中に反映し、スピード感のある対応を評価いただいた
  • 今後の自走をサポート:編集方法のレクチャーにより、クライアント様ご自身での運用をサポート
  • 技術的な配慮:IPアクセス制限のあるサーバー環境でも、適切な接続方法を選択し納期遅延を回避

シンプルな改善でも、クライアント様の課題に真摯に向き合うことで、高い満足度と信頼関係の構築につながることを実感した案件でした。

お問い合わせ

WordPress(SWELL)のデザイン調整・トップページ改善・操作レクチャーなど、お気軽にご相談ください。

お問い合わせはこちら

```