見る人
情報収集中のユーザー
LP / Web Detail Case
提案見本分かりやすさと信頼感を伝える、採用・人材サービス向けオウンドメディア
採用・人材サービス向けの魅力を整理し、目的につながるWeb体験へ。
人材のオウンドメディアを想定した、分かりやすさ重視のデザインサンプル。
制作実績・提案見本を含むデザイン事例集のうち、提案見本として構成・デザインの方向性を示す事例です。
PCファーストビュー
Case Snapshot
オウンドメディア制作
人材領域のオウンドメディアを想定し、ブランド認知向上, 情報発信強化につながる構成へ整理したデザインサンプルです。ファーストビューでは分かりやすさを強く出し、中盤以降ではサービス理解と行動導線を段階的に設計します。
- 業種
- 人材
- 用途
- オウンドメディア
- 主デバイス
- PC・スマホ同等
- 配色タイプ
- ブルー系
- 主トーン
- 分かりやすさ
- 表示区分
- 提案見本
Project Fit
このページが想定している対象と目的
設計
ブランド認知向上
実装
情報設計
改善
分かりやすさ
目的
想定ターゲット
制作範囲
ラベル
Core Visuals
PCとスマホの見え方を確認する
ファーストビューとページ全体を分け、第一印象と読み進めた後の構成を同時に確認できます。
Appeal Points
訴求の組み立て
第一印象
分かりやすさが伝わる第一印象
ブルー系を基調にした落ち着いたビジュアルで、初見のユーザーに分かりやすさを感じてもらう。
情報理解
内容を短時間で理解できる構成
オウンドメディアに必要な情報を段階的に整理し、情報収集中のユーザーが迷わず読み進められる流れを作る。
行動喚起
目的につながるCTA導線
ブランド認知向上につながるように、ファーストビュー、中盤、終盤に自然な相談・行動導線を配置する。
ブランド表現
人材らしさを表現する世界観
配色、余白、写真・イラスト、UIトーンを統一し、人材の魅力が伝わる見え方に整える。
Design Features
デザインの特徴
レイアウト設計
余白を活かした見通しの良いレイアウト
セクションの役割を明確にし、視線が自然に流れる構成にする。
配色設計
ブルー系を軸にした配色設計
ブルー, ライトブルー, ホワイトを中心に使い、分かりやすさと読みやすさを両立する。
タイポグラフィ
見出しと本文に強弱をつけた文字設計
大きな見出しで印象を作り、本文は読みやすい行間と文字量に抑える。
UI / デバイス最適化
デバイスごとに最適化されたUI
PCでは一覧性、スマホでは読み進めやすさとタップしやすさを重視する。
