※クリックすると拡大します
ふう様のコメント
Xのヘッダーをサービスのロゴに設定しておりましたが、ロゴだけでは物足りなく・・・
私のイメージしているデザインを一度のヒアリングから再現していただけてとても嬉しかったです！
ありがとうございました♪
制作内容
このX（旧Twitter）ヘッダーは、「あたたかさを大切にしたサポートサービス」という、サービスの根幹となるコンセプトを、ターゲットユーザーに寄り添う優しく親しみやすいデザインで視覚化することを目的として制作しました。
| 製作期間 | １時間半 初稿のみ、修正なし |
| 使用したツール | Photoshop |
| 依頼内容 | ふう様 Xヘッダー |
- 使用用途
- Xヘッダー
- 希望文言
- あたたかさを大切にしたサポートサービス fraise
- 希望デザイン
- デザインは苺モチーフ (fraise＝苺のため)
- ナチュラルテイスト
情報設計について
ブランドイメージを象徴するモチーフの選定
サービス名「fraise（いちご）」とコンセプトである「あたたかさ」を同時に伝えるため、水彩風のいちごのモチーフをメインビジュアルとして採用しました。これにより、ターゲット層に好まれる可愛らしさと、サービスの優しい雰囲気を結びつけ、ブランドイメージを瞬時に印象づける視覚戦略を構築しました。
メインメッセージの視認性と配置
ヘッダーの最重要メッセージである「あたたかさを大切にしたサポートサービス」を、背景のイラストとサービス名から独立させ、中央に大きく配置しました。白地の長方形を使い、視線が集中するように調整することで、Xヘッダーという限られたスペースで情報を確実に伝えるための、高い視認性を確保しています。
サービス名（ロゴ）を活かした情報導線の設計
提供されたサービス名（ロゴ）「fraise」を、メインメッセージの視覚的なアンカー（碇）として機能させるよう配置しました。イラストの優しさと調和するロゴを、メッセージの真下に配置することで、ユーザーの視線が「コンセプト」から「サービス名」へと自然に流れる導線を作り出しています。これにより、コンセプトとサービス名をセットで記憶に残す情報設計を意識しました。
デザインについて
コンセプトに合わせた温かみのある配色
全体を通して、イチゴの優しいピンク色と、葉や花の柔らかい緑色を組み合わせた配色を採用しました。この温かいトーンは、メッセージの「あたたかさ」というテーマにぴったりと合い、見る人に安らぎを感じさせる効果があります。特に女性ターゲット層に響きやすい配色で、サービスの親しみやすさを視覚的に高めました。
親近感とリズム感を生む背景パターン
背景全体に淡いチェック柄を使用することで、デザインに単調さがなくなるように視覚的なリズム感をもたらしました。この可愛らしいチェック柄は、メインのいちごのイラストとも相性が良く、デザイン全体に親しみやすい雰囲気を与えています。単なる装飾ではなく、サービスの持つ優しさや丁寧さを表現する要素として機能させています。
柔らかいフォントによる心地よさの演出
テキストのフォントは、デザイン全体が持つ温かみと調和するよう、丸みがあり優しい印象のものを選びました。文字の柔らかさが、視覚的な硬さを取り除き、心地よさを感じさせます。サービスコンセプトの「温かさ」に沿うことで、メッセージがよりスムーズにユーザーに届くよう、デザインの一貫性を持たせました。
