アイキャッチをリデザイン。
トンマナと文字サイズの調整で“見やすさ”を改善しました。
既存で作成されたアイキャッチを、オウンドメディアHPデザインとともに改修しました。
改修前は小さくタイトルや記事の内容が入り、情報が見えづらいことが課題でした。
そのため、「サムネイルサイズで縮小しても見やすいようにしてほしい」というご要望から制作が始まっています。
コンセプト
要素はそのままにリニューアル
改修のため従来のデザインから大幅に変えると読者が混乱してしまうリスクもありました。
そこで、アイソメトリックのイラストとグラデーションのデザインは踏襲することで「従来のメディアデザインからリノベーション」させたことを読み手にアピールしました。
クライアントからのフィードバック
カラフルな配色がGOOD
グラデーションの色は記事を一覧で見た際に被らないよう、色合いを変えて作成したことで、画面がカラフルで華やかになったことにご好評をいただきました。
課題だった情報の見えづらさも解決したとお話を伺っております。
OTHER PATTERN
画像をクリックすると拡大してご覧いただけます。
01
ダイレクト
リクルーティング
02
採用代行
03
面接官育成
04
採用戦略
WORKS INFO
制作情報
イメージ
スタイリッシュ
ビジネスにまつわるオウンドメディアであるため、シャープなデザインになるようにしています。
一方で、従来のデザインは北欧のようなナチュラル感が残っていたため、柔らかい黒や明るい色で柔らかい雰囲気も少しだけ残すよう努めています。
レイアウト
カテゴリーごとにデザインの細部を変えつつ、グラデーションの使用で全体の統一感を保ちました。
あしらい
グラデーション
薄いドット
グラデーションはHP全体で共通です。
のっぺりとした画面にならないよう、一部アイキャッチには右上と左下に薄いドットのあしらいをつけました。
フォント
Noto Sans JP
ニューロダン
DIN
(全てボールドのウェイトを使用)
縮小しても可読性が担保できるよう、線が太いゴシック体を採用しました。
より目立たせたい文言はニューロダンを使用しています。
配色
多色配色のグラデーション
1枚あたりの配色は多くても3,4色以内になるようにして、賑やかになりすぎないよう調整しています。
受託情報
クライアント
株式会社プロ人事様
※2025年現在、業務委託契約にて稼働中
制作日時
2025年2月
担当業務
デザイン作成
ディレクション
制作環境
制作所要時間
10分 (1枚あたり)
使用ソフト
Canva
デザインサイズ
814px × 574px
(Swell アイキャッチ)
