サムネイル画像複数枚 モックアップ画像
グラフィック
クライアントワーク

株式会社日本食糧新聞社様 オウンドメディアの記事サムネイル

クライアント
株式会社日本食糧新聞社
URL
https://tabepro.jp/
担当範囲
デザイン
制作期間
各サムネイル数時間程度
使用ツール
Photoshop、Canva
サイズ
W1600×H900px

株式会社日本食糧新聞社様のオウンドメディアである「たべぷろ」にて、記事のサムネイル画像を複数枚作成しました。

タイトルの変更時にも簡単に修正できるデザインを目指しました。また、キーワードが共通する記事は、似たテイストに揃えることで、自然にカテゴライズできるよう意図しています。

また、使用ツールは基本的にCanvaです(操作が簡易で修正・変更が簡単に行えるため)。

たべぷろの画面
目的
記事の内容をビジュアルで伝え、ユーザーのアクセスを促す
ターゲット
20〜40代の働く女性(男性)
コンセプト
-(記事による)
デザイン

記事タイトルの変更時に対応しやすいデザイン

メディアの記事でよくあるタイトルの変更(例:〇〇5選から6選に変更するなど)をした際に、レイアウトが崩れないような汎用性のあるデザインを心がけました。

重要なキーワードを目立たせる。

記事の核となる重要なキーワードは、フォントサイズなどで区別化し、目立たせています。

▼「幼児食宅配」がメインキーワードのため、大きく目立たせている。

サムネイル01
幼児食の冷凍弁当宅配サービスを紹介する記事のサムネイル。背景には関連性の高いお弁当のイラストを置くことで、宅配弁当を連想できるようにした。

同じカテゴリの記事なら似たレイアウトに。

「1歳児」や「ベビーフード」など、キーワードが共通することがあります。その場合はサムネイルも似たレイアウト・デザインにすることで、直感的に同じカテゴリーだと分かるようにしています。

▼キーワードの「ベビーフード」が共通しているため、デザインを揃えている。

ベビーフード関連のサムネイル
「子供がご飯を”食べない”」という悩みにフォーカスした記事のため、よりユーザーが反応しやすい「食べない」というキーワードを袋文字にして目立たせている。
ベビーフード関連のサムネイル
メインキーワードに含まれる「おやき」を袋文字で目立たせている。
ご飯めんどくさいの記事サムネイル
ご飯の準備がめんどくさいワーママさん向けに、時短レシピを紹介する記事のサムネイル。こちらはPhotoshopで作成。
今後の展開
ユーザーの反応等を見てリニューアルする可能性があります。
ふりかえり
Canvaの場合、字詰めやテキストの一部だけ文字サイズを変えるといった調整に自由がないので、PhotoshopやIllustratorを使用した方が細かい部分が綺麗に仕上がると思いました。