【まもまも様】Xヘッダー


このX(旧Twitter)ヘッダーは、お客様から提供されたイメージ写真と簡単な文言を元に制作しました。お客様の「初めての受注」という不安を解消し、ご要望を超える幻想的で柔らかなデザインを迅速に提供することで、高い評価をいただきました。

製作期間初稿30分(3パターン) ※ワイヤーフレーム提供あり
使用したツールPhotoshop
依頼内容まもまも様 Xヘッダー
要件定義
  • 使用用途
    • Xヘッダー
  • 希望文言
    • あなたに寄り添うortensia
  • 希望デザイン
    • 色味→水色(#7ce5f7)の紫陽花の花びらのみを下の方、もう上半分はうさぎ
    • 影絵でも可能、耳が立っているうさぎ🐇が理想
    • うさぎが左向きでうたっちしている姿、文字を見ているイメージ

顧客のイメージをデザインに変換するプロセス

お客様から提供された「紫陽花」「水色」「うさぎ」という具体的なキーワードと、ワイヤーフレームを基に、目指すべき「幻想的で柔らかい世界観」を具体化しました。単なる要素の配置ではなく、お客様の「言葉にならない理想のイメージ」を汲み取り、デザインとして論理的に構築し直すことに注力しました。

Xヘッダーとしての機能性の確保

Xヘッダーという限られたスペースの中で、「あなたに寄り添う ortensia」という重要なメッセージが、プロフィール情報やアイコンに隠れないように配置を調整しました。また、うさぎのシルエットをあえて左向きにし、文字に視線が向くような視線誘導の工夫を行うことで、デザイン性だけでなく、情報伝達の機能性も確保しています。

迅速な提案と安心感の提供

お客様がデザイン初心者であるという背景を踏まえ、初稿から短時間で3パターンのカラフルなバリエーションを提供しました。これは、イメージのすり合わせを迅速に行い、お客様に「デザインの可能性」を提示することで、制作過程における安心につながったと思います。


幻想的なグラデーション配色

ご要望の水色をベースに、青から紫への柔らかなグラデーションを基調とした配色を採用し、幻想的で柔らかい雰囲気を創出しました。背景の紫陽花が持つ自然な色彩を活かしつつ、女性的な優しさを表現する色使いに調整しています。この落ち着きのある色調が、視覚的にリラックスさせる効果を生み、ターゲット層に感覚的な親近感を抱かせます。

シンプルながら記憶に残るウサギのシルエット

デザインの主役であるウサギは、あえてシンプルなシルエットで描くことで、背景の紫陽花やテキストと調和させながらも、記憶に残りやすいアイキャッチとしての役割を持たせました。過度に主張しすぎないシンプルな形にすることで、全体のデザインバランスを保ち、世界観に自然と溶け込むキャラクター性を表現しました。

軽やかさと奥行きを生む表現

テキスト部分に透過を施すことで、背景と一体化しながらも視覚的な奥行きを作り出しました。この透明感のある表現が、デザイン全体に軽やかさと深みを与え、視覚的に豊かな印象を演出しています。背景とテキストが自然に溶け込むこの工夫は、お客様の求める幻想的で繊細なトーンを表現するのに役立っています。

この記事が気に入ったら
フォローしてね!

よかったらシェアしていただけると嬉しいです!
  • URLをコピーしました!
目次