オウンドメディアで使用する記事アイキャッチを作成
3つの色分けでカテゴリを視覚的かつ瞬時に伝達
合同説明会にフィーチャーしたオウンドメディアのアイキャッチ画像です。
重要なポイントは大きく表示するだけでなく、カテゴリー別の色の文字にすることでサムネイルサイズで情報が目立つよう心がけました。
コンセプト
テーマカラーに則ったデザイン
投稿カテゴリーや読み手の対象者が分かるよう、色分けをして瞬時に把握できるようにしました。
テーマカラーが3色あるため、1つのアイキャッチはテーマカラー+白黒の配色にしてサイト全体がカラフルになりすぎないよう心がけています。
クライアントからのフィードバック
見やすいアイキャッチ
従来のオウンドメディアはイラスト中心だったため、写真を使用したアイキャッチは差別化ができて良かった。
今回作成した画像は平面感が強いため、今後独自の記事を作るときは立体感のあるデザインも見てみたいとアドバイスをいただきました。
OTHER PATTERN
画像をクリックすると拡大してご覧いただけます。
01
人事・企業
02
学生
03
エリア
WORKS INFO
制作情報
イメージ
スタイリッシュ
画面上部からサブコピー、タイトルの順に並んでいます。
他オウンドメディアとの差別化とスタイリッシュなデザインにするために、画面右側にイメージ写真をお入れしました。
レイアウト
重要な用語はテーマカラーの文字色に設定して目立たせています。
文章が長いものの重要なポイントは、テーマカラーのザブトンに白色の文字を入れることでバランスと情報の伝達を両立しました。
サブコピーの重要度はタイトルと比べると下がるため、文字を小さくする代わりに黒地のザブトンを敷いてバランスを調整しています。
あしらい
・付箋のようなライン (画面右側)
・ノートのような格子柄
画面右側の付箋のようなラインは共通ですが、記事のターゲットごとに色分けをしています。
「ノートに重要な情報を書いて、付箋をつけておく」作業をイメージしました。
フォント
Noto Sans
DIN
(ボールドのウェイトを使用)
遠目から見てもわかりやすいように、タイトル部分は太めのゴシック体を使用しています。
配色
テーマカラー+白黒
テーマカラーは記事の対象者ごとに振り分けました。
- 赤：人事、企業
- 青：学生
- 緑：会場エリア
黒は強くならないよう、チャコールグレーに近い色を採用しています。
受託情報
クライアント
株式会社プロ人事様
※2025年現在、業務委託契約にて稼働中
制作日時
2024年9月
担当業務
デザイン作成
ディレクション
制作環境
制作所要時間
10分 (1枚あたり)
使用ソフト
Canva
デザインサイズ
900px × 506px
