オウンドメディアのHPデザインをリデザイン。
ナチュラルとビジネスのトーンを両立しました。
採用代行を展開するオウンドメディアのリデザイン(再制作)を実施しました。
グラデーションとアイソメトリックイラストが主体となる画面構成です。
コンセプト
ナチュラルだけど、ビジネス感も残す。
以前のデザインはグリーンを基調にした優しいデザインだった一方、ほっこりしすぎてややビジネス感を感じにくいのが課題でした。
そのため、従来のトンマナを残しつつ、いかにビジネス感を打ち出すかを試行錯誤しました。
クライアントからのフィードバック
カラフルなデザインが見ていて楽しい。
ビジネス感を打ち出せただけでなく、従来の記事アイキャッチの配色にあったカラフルな配色が見ていて楽しいとお声がけをいただきました。
WEBPAGE DESIGN
画像をクリックすると拡大します。
① トップページ
(1) メインビジュアル、新着/人気記事
(2) おすすめ記事一覧
(3) 運営会社、よくある質問
(4) お問い合わせフォーム、フッター
WORKS INFO
制作情報
イメージ
ナチュラル
ただし、リデザイン前はほっこりとしすぎた雰囲気が全面に出過ぎたため、ビジネスライクな雰囲気も両立できるよう努めました。
アイソメトリックイラストや低コントラストのグラデーションでビジネスライクのトンマナを担保しています。
レイアウト
余白を適度に取り入れ、情報量が多くても見づらくならないよう調整しました。
アイソメトリックイラストは複数の素材を組み合わせることで、独自性と立体感の向上を確保しました。
例えば、メインビジュアルの素材は7種類のアイソメトリックイラストを組み合わせて1枚の画像にしています。
あしらい
アイソメトリックイラスト
グラデーション
格子柄パターン
ナチュラルとビジネスの雰囲気を両立させるため、これらのあしらいを取り入れました。
グラデーションは昨今ビジネスシーンでも取り入れられる要素のため、強すぎないものを採用しています。
フォント
游ゴシック体
オウンドメディアで文字数が増えるため、可読性を担保するのが目的です。
採用したゴシック体もシンプルで癖のないものを選びました。
配色
原則リデザイン前の配色を踏襲。
基本カラー
ライムグリーン
アイキャッチ
2色のグラデーションを基調に、記事ごとに配色を変更。
全体で見ると多色配色になります。
受託情報
クライアント
株式会社プロ人事様
※2025年現在、業務委託契約にて稼働中
制作日時
2025年2月
担当業務
HPリデザイン(再制作)
ディレクション
制作環境
制作所要時間
10時間
※以下の操作・制作対応を除く
・WordPressの初期設定
・ロゴ、アイキャッチ画像作成
使用ソフト
画像作成
Canva
Adobe Photoshop CC2024
サイト構築
WordPress
テーマ：Swell
CSS
(簡易なカスタマイズにて使用)
