社会保険労務士法人S&R様 成長企業が「最初に相談したくなる」社労士サイトへのリニューアル

Visit Site

社会保険労務士法人S&R企業サイトのトップページファーストビュー。

社会保険労務士法人S&R様は、名古屋市中区に拠点を構える社労士法人です。

給与計算・社会保険手続きから就業規則の整備、助成金申請、労務リスク対応、許認可取得まで、企業の成長フェーズに応じた幅広い労務サービスを提供されています。

成長企業が増え続ける名古屋市場において、労務管理のニーズは急速に拡大しています。しかし多くの社会保険労務士事務所は従来型のサービスに留まり、成長企業特有のスピード感やニーズに応えきれていません。この市場の空白地帯にS&R様のチャンスがありました。

今回のプロジェクトは、「成長企業の労務相談ならS&R」というブランドポジションを確立するための、Webサイト全面リニューアルです。ブランドコンセプトの策定から情報設計、デザイン、CMS構築、GA4による計測基盤の整備まで一気通貫で取り組みました。

Problem

課題

S&Rの「らしさ」が伝わらず、相談の一歩が踏み出しにくい

■ 強みの不可視化

S&R様は「スピード対応」「寄り添い姿勢」「成長企業への深い理解」という明確な強みを持ちながら、旧サイトではそれらが十分に表現されていませんでした。同業他社との差別化ポイントが埋もれ、サイトを訪れた企業経営者にとって「なぜS&Rに相談すべきか」が伝わりにくい状態でした。

■ サービス情報の分かりにくさ

給与計算から助成金、就業規則、労務リスク対応まで幅広くカバーしているにもかかわらず、旧サイトでは情報が整理されておらず、サービス領域が実際よりも狭く見えていました。競合と並べたときに「何ができる法人なのか」が伝わりにくく、差別化ポイントが埋もれている状態でした。

■ 問い合わせへの心理的ハードル

社会保険労務士への相談は、特に創業期・拡大期の企業にとって初めての経験であることが多く、「選び方がわからない」「何を聞けばいいのかわからない」という不安が先に立ちます。旧サイトにはその不安を解消するためのコンテンツや導線が不足しており、最初の一歩が踏み出しにくい構造になっていました。

Solution

解決策

他と競合しない新カテゴリをつくり、「やさしく、わかりやすく」で届ける

競合大手が「効率最優先・システマチック」「大企業寄り」で展開する中、S&R様が狙うべきは、その対極にある空白地帯です。「親身な伴走スタイル × 成長企業特化」という独自のポジションを打ち出し、「成長企業の労務相談ならS&R」というカテゴリそのものを新たにつくることを戦略の核としました。

そのブランドを届けるためにサイト全体を貫くテーマとしたのが「やさしく、わかりやすく」です。大手がシステマチックで取っつきにくいからこそ、相談しやすさそのものがS&R様を選ぶ理由になる。この考えをデザイン・コンテンツ・導線のすべてに落とし込みました。

社会保険労務士法人S&R企業サイトのトップページファーストビュー。
S&Rのブランドコンセプト「やさしく、わかりやすく」を表現している代表メッセージの部分
創業期(〜10名)フェーズの課題を起点としたコンテンツの部分

ターゲットは「採用・拡大を始めた成長企業」とし、創業期(〜10名)・拡大期(10〜50名)・成熟前期(50〜100名)の3フェーズを定義。それぞれのフェーズで企業が直面する課題を起点に、「自分ごと化 → 必要性の理解 → 信頼醸成」の3ステップでコンテンツを設計しました。

サービスページでは5つのカテゴリごとに「課題 → 解決 → 裏付け → 安心」の流れで情報を構成し、スタッフ紹介や実績紹介といった安心コンテンツを組み合わせることで、共感から納得、そして問い合わせへとスムーズにつながる導線を整えています。

サービスページの部分

また、GA4のカスタムイベント(フォーム送信・電話タップ・お問い合わせページ閲覧)をGTM経由で実装し、公開後のデータに基づく改善サイクルを回せる基盤も構築しました。

「ここなら相談できる」を形に。温度感のある信頼を届けるトータルデザイン。

大山 昌太のアバター

大山 昌太

「声」を拾い、解決を「形」にするロゴマーク。

ロゴのモチーフは、記号の「カギ括弧(「 」)」です。これは経営者が抱える悩みや理想といった、現場に溢れる「生の声」を象徴しています。

社会保険労務士法人S&Rは、それらの声を丁寧に集め、整理する存在。バラバラに存在するカギ括弧が組み合わさることで、中央にはひとつの「吹き出し」が浮かび上がります。お客様の漠然とした不安を、S&Rというフィルターを通すことで、組織を強くするポジティブな「解決」へと昇華させる。そのブランドプロセスを、ミニマルなシンボルに凝縮しました。

S&Rのロゴマーク

専門性と、親しみやすさの融合したサイトデザイン。

Webサイトにおいて目指したのは、社労士としての「揺るぎない信頼感」と、S&R様が持つ「温度感」の両立です。

堅い印象になりがちな業務内容を、柔らかなタッチのイラストレーションを用いることで視覚的に「翻訳」。パートナーとして寄り添う姿勢を体現することで、読者の心理的ハードルを下げ、「ここなら相談できる」という安心感を直感的に提供しています。また、企業の成長フェーズに合わせた情報設計を徹底し、経営者が今必要な答えに迷わず辿り着ける、機能的かつ情緒的なUX(ユーザー体験)を構築しました。

柔らかなタッチのイラストレーションを使用したS&Rが選ばれる理由部分
サイトで使用している柔らかなタッチのイラストレーション

credit

Client 社会保険労務士法人S&R様

Producer 前川 元成

Director 山田 拓真

Art Director/Designer 大山 昌太

Designer 松本 陽望

Illustrator 大山 早紀

Engineer 本荘谷/株式会社 HAMWORKS

Writer  株式会社mana

記事を共有

All tags ###