WORKS / LP / 自主制作
Career Elevate
キャリアの迷いを、
相談への一歩につなぐ。
ハイクラス転職を検討する人に向けた、架空のキャリア相談サービスのLP。転職を決める前の迷いに寄り添い、経験・強み・希望条件を整理する相談の価値を伝える自主制作です。
制作範囲：構成・コピー調整 / AI画像制作 / HTML・CSS実装 / レスポンシブ対応
制作のねらい
「転職すべきか」「経験をどう伝えるか」「自分にどんな選択肢があるか」。相談前の疑問を整理し、サービス内容や支援の流れを理解してから相談を検討できる構成を目指しました。全13セクションを通して、共感から解決策、安心材料へと読み進められます。
デザインと構成のポイント
01 / FLOW
疑問に答える順番で構成
悩みへの共感、整理しないことによる課題、相談でできること、支援内容、FAQへ。読み手の疑問に答える順番で情報を配置しました。
02 / ROADMAP
相談の道筋を見える化
現状のヒアリングから強みの言語化、選択肢の比較、応募準備までを4段階で紹介。支援の内容と進め方をカードで整理しています。
03 / VISUAL
信頼感と相談しやすさ
深いプラムとシャンパンゴールドを軸に、明るいアイボリーを組み合わせました。対話する写真と明朝体、見出しの強弱で、重厚感と親しみやすさを両立しています。
文章を編集できるHTMLのLPへ。
見出し・説明・カード・ボタンをHTMLとCSSで実装。文字を選択でき、文章や配色の更新もしやすい構造にしました。画面幅に合わせて配置と文字サイズを調整しています。
WebP形式への変換と後半画像の遅延読み込みにより、見た目を保ちながらデータ容量を抑えました。
架空のサービスを題材にした自主制作です。掲載会社・相談内容はデモの設定であり、実際の相談受付や個人情報の送信は行いません。相談ボタンはデモ案内を表示します。
伝えたい魅力を、読み進めたくなる形に。
人材・キャリア支援をはじめ、サービスの価値を伝えるLP制作を情報整理からご相談いただけます。