トップ／作品／ Case Study 01

Case Study 01

アパレルからの転職をテーマにした、
転職エージェントの集客用制作物一式

架空の転職エージェント「RE:FIT career agent」を想定し、リサーチと設計から、SEO記事、広告バナー、サービスページまでを夫婦2人で制作しました（自主制作）。検索や広告で出会った人を、同じ世界観のまま無料相談の申し込みまで案内する流れを意識しています。

市場分析
キーワード選定
SEO記事
広告バナー
サービスページのデザイン・コーディング

DELIVERABLES

制作物を見る

SEO記事

「アパレルから転職」の記事

約9,000字の全文を、記事ページとして読めます。

記事を読む →

広告バナー

3案 × 2サイズ

SNS広告とディスプレイ広告。3案それぞれに役割を持たせました。

バナーを見る →

サービスページ

デザインの異なる3案

実物を全画面で開けます。スマートフォンで開くと、スマートフォン表示になります。

サービスページを見る →

BACKGROUND

背景とターゲット

想定クライアント	RE:FIT career agent（アパレル経験者のための転職エージェント。架空）
ターゲット	20代後半、大手アパレルの正社員で店舗販売が中心の人。年収の先行きや土日に休めない働き方に不安があるものの、異業種の仕事が想像できずに動けていない
目的	検索と広告で悩みに気づいてもらい、サービスページで中身を伝えて、無料相談の申し込みにつなげる
使用ツール	Ahrefs（キーワードと検索上位の調査）、画像生成AI（写真・イラスト）、HTML／CSS／JavaScript

PROCESS

進め方

作り始める前に市場とターゲットを分析し、何を推すかを決めてから制作に入りました。

市場分析
転職支援サービスの市場と、ターゲットの悩み、検索の需要を分析し、どの訴求が届くかを整理しました。
設計
サービス名、推すポイント3つ、ブランドのトーンを決めました。トーンは4案を作って比べ、「モード・都会的」を採用しています。
制作
記事、バナー、サービスページの順に制作しました。名前・配色・書体・ボタンの文言「無料で相談する」を、すべての制作物でそろえています。
見直し
文章は校正して硬さと回りくどさを削り、バナーは文字の配置と余白を項目ごとに見直しました。

制作物のつながり

SNS広告「自分のことだ」と思わせて、スクロールを止める

→

ディスプレイ広告サービスの約束を一目で伝える

→

サービスページ中身を見せて、無料相談の申し込みへ

SEO記事は、検索から来た人の疑問に答えたうえで、記事の最後からサービスページへ案内します。

DESIGN

設計

ターゲットの悩みと市場分析をもとに、名前・推すポイント・トーンを決めました。

サービス名：RE:FIT career agent

「もう一度、自分に合う（フィットする）仕事へ」という意味です。服の「フィット」とも重なります。
「career agent」を付けて、転職エージェントだとすぐ分かるようにしました。「〜キャリア」だけだと、有料のキャリア相談サービスに見えやすいためです。
英字にしてアパレルブランドのような見え方にし、明るく元気な印象の多いほかの転職サービスと区別しました。

推すポイント

推すポイント	中身	ほかのサービスとの違い
異業種の仕事を具体的に紹介	営業・カスタマーサクセス・事務・EC運営などを、1日の流れや休日、年収の伸び方まで説明してから求人を選べる	多くのサービスは職種名を並べるまでで、1日の流れまでは説明していない
販売経験を応募書類の強みに書き直す	接客・個人売上・顧客フォロー・売場づくり・新人教育の経験を、職務経歴書と自己PRに書き直す	「ホスピタリティが活きる」のような抽象的な言い方が中心
在職中・シフト勤務でも相談しやすい	平日夜・休日にオンラインで相談でき、転職を決める前から使える	シフト勤務への配慮を前面に出すサービスは見当たらない

使わないと決めた訴求：「年収○万円アップ」「内定率○%」のような根拠のない数字と、「脱アパレル」という言い方。服が好きな気持ちを否定しないためです。

トーン

雰囲気の違う4案を作って比べ、案C「モード・都会的」を採用しました。写真の人物は、すました表情ではなく自然な笑顔にして、話しかけやすさを出しています。

白 #FFFFFF チャコール #1D1D1D コバルト #345B8D グレー #B6B6B6 淡いグレー #F2F2F2

WORKS

制作物の要点

SEO記事

「アパレルから転職」を対策キーワードにした記事

約9,000字。Wordファイル（見出し構造と太字を反映）で納品する想定で書きました。

検索上位の記事は職種の一覧が中心だったため、職種ごとに1日の流れと活きる販売経験を書きました
年収は、厚生労働省の賃金構造基本統計調査をもとに年齢別の目安を出し、出典を付けました

記事を読む

広告バナー

3案 × 2サイズ

ターゲットに届く訴求の切り口を3つに分け、役割の違う3案を作りました。SNS広告（1080×1350）とディスプレイ広告（300×250）の2サイズで制作しています。

A案：ブランドを覚えてもらう。余白と細い明朝体で、落ち着いた上品な見え方にしました
B案：条件で選んでもらう。年収のような根拠のない数字は使わず、販売職の悩みの裏返しになる条件を並べました
C案：価値を伝える。ショップからオフィスへの変化を1枚の線画で見せ、縦書きのコピーで服が好きな気持ちに寄り添いました

上段：SNS広告 1080×1350（縮小表示）／下段：ディスプレイ広告 300×250

サービスページ

デザインの異なる3案

転職エージェントのページに必要な要素（実績、悩み、選ばれる理由、仕事紹介、職務経歴書の書き換え例、比較表、利用者の声、流れ、料金、よくある質問、申し込み）をそろえ、見た目の違う3案を作りました。HTML／CSS／JavaScriptで、PC・スマートフォン対応と、スクロールに合わせた動きまで実装しています。