【デザインプロセスシェア】Twitterヘッダー

Voicyパーソナリティーとして活動しているしんたろーたりーさんのTwitterヘッダー画像をデザインさせていただきました！

使用ツール：Photoshop

担当：キャッチコピー作成、デザイン

2021年8月

📝ご依頼内容

Twitterのヘッダーに使う画像を作成してほしい。ヘッダーの目的は、プロフィールの中にある動画リンクへの誘導。

💡デザインの説明

キャッチコピーは「声真似×トーク力」でその中身を説明する補足＋声真似動画の紹介にしました。

動画やプロフィールの内容が声真似推しだったのでそれを入れたかったのと、Voicyで毎日更新のトーク力がしんたろーたりーさんの強みかと思いましたので入れさせていただきました。

パッと見で、声真似とトークが得意な人なんだなという印象が与えられると思います。

プロフィールアイコンが入る部分とiPhone12だと隠れてしまう上の部分にスペースを設けています。

「声真似30秒動画を公開中」は目立つようにデザインし、矢印で誘導してみました。

30秒でみれると示すことでハードルを下げたいと考えています。

⏳デザインプロセス

【1】ヒアリング

ヒアリングでは、以下をお伺いしました。

・Twitterヘッダー作成の目的

・TwitterのURL

・ターゲット

伺った内容をもとに、ヘッダーで訴求する内容を考えました。

【2】素材の提供

デザインで使用していい素材を提供いただきました。

【3】キャッチコピー考案

キャッチコピーは、誘導したい動画の内容（声真似）としんたろーたりーさんの強み（トーク力）を強調するようにしました。いただいた素材を生かす形でデザインの制作も同時に進めていきました。

細かいですが、いただいた素材は文字が入っていたのでそれを加工して使用しました。

【4】パターン提案

細かいところの違いも含めて4パターン提案させていただきました。合わせて、Twitterのライトモードとダークモードで設置した時のイメージもお送りしました。

A-1：いただいたラジオ素材を右側に配置。背景は真っ白や真っ黒だとタイムラインと被ってしまうので、素材の壁の色を抽出して作りました。フォントは達筆風。

A-2：いただいた素材の別バージョンです。また、フォントは通常のフォントを使用しています。

B-1：右側にアイコン画像と動画のサムネイルを置きました。サムネイルを置くことで動画の内容が少し伝わって気になってみてくれる人も増えるかもしれないです。ターゲット層を拝見したところネット配信者が多そうだったので背景にはマイクとPCの録音環境をイメージした写真を置いてみました。

B-2：B-1とほとんど同じですが、フォントと色を変えました。

A-2で、「プロフィール内リンクで〜」を背景黒にしたバージョンがよいということで、最終のデザインを納品しました。

【5】納品

✍️依頼者様のご感想

破格のサービスだと思います。本来どんなに安くとも１万円以上はするサービスだと思います。

依頼の経緯からヒアリングして頂き、要望を吸い上げてくれます。

まず、このヒアリングがとても丁寧で上手です。自分が漠然と考えていた内容が言語がされていく感じです。

提案も複数枚頂き、その全てに「なぜこのデザインか」の説明がついていました。

さらにヒアリングから提案～納品まで、約５日程度かかると言われていたのですが、

２日で完結しました。

今回は、Twitterのヘッダーを作成したいというご要望に対して、デザイン（ビジュアル）だけでなく、訴求ポイントの洗い出しやキャッチコピーの提案までさせていただきました。

広告やメディア関連の仕事はデザインよりもキャリアが長いので、この辺は得意です！

何か目的があってそれを達成するためには、デザインだけでなくマーケティングの観点も重要だと考えているので、一緒に相談したいという方はぜひ。

最後までお読みいただき、ありがとうございました！