制作物紹介35(noteヘッダー)

記事
デザイン・イラスト
おはようございます、ちひろです☀

さて、今日もココナラでいただいた依頼の制作物を紹介していきます。

今日はnoteのヘッダー画像をご紹介✨

TwitterやYouTubeなどSNSのヘッダー、ブログやサイトのヘッダー作成をご検討中の方はぜひ参考にしてください☺

ご依頼はコチラ♪


用途


今回のご依頼は、noteのヘッダー画像作成でした。

noteのヘッダーでは、

noteヘッダー確認用サンプル.png

このように基本的には真ん中の白い部分のみが表示されます。

全体画像はいつ表示されるのか、というと。どうやら「Twitterでシェアした時」に全画面が表示されるみたいです。

実際にどんな感じで表示されるのか私のTwitterアカウントで試してみました。以下の記事で詳しく紹介していますので、よければお読みください。

このようにnoteではヘッダー画像のサイズがやや分かりづらくなっています。

当サービスではnoteでの表示、Twitterでシェアした時の表示、どちらにも対応できるよう画像をお作りしていきます✨

※初稿提出前にある程度調整は行いますが、必ずご自身でも表示確認をしていただくことをお願いしております。

ご希望イメージ


ご希望イメージは「かっこいい、シンプル、クール」でした。

追加ヒアリング内容


ヒアリングを行い、以下のご要望をいただきました。

・勢いのあるかっこいい英字フォントを使いたい

初稿①

初稿①.png

初稿②.png

一つ目の初稿では「FoxliteScript」というフォントを使用し、テキスト等の配置を変えて2パターン提出しました。

noteのヘッダーでは前述したように真ん中部分が表示されてしまうので、このように被写体が小さく写っている写真の方が相性がいいです。

これからnoteのヘッダーを作ろうと思っている方は参考にしてください。

初稿②

初稿③.png

初稿②では「RA BALI」というフォントを使用。

背景写真はこちらでご希望にマッチするかつnoteのヘッダーで映えるようなものをお選びさせていただきました。

初稿③

初稿④.png

初稿③では「Takota」というフォントを使用。

こちらも被写体がnoteのヘッダー表示範囲に収まる写真をこちらでお探ししました。

完成版

tackt55さま完成版①.png

tackt55さま完成版②.png

最終的に納品したのがこちらです。

今回は追加料金を頂戴し、修正なしで2点納品させていただきました。

※基本料金での納品は1点のみですが、1点につき基本料金の半額をお支払いいただくことで2点以上の納品が可能となります。

おわりに

私の出品しているサービスでは、このように異なるフォントや素材を使用してまったくデザインの異なった初稿を3案提出いたします。

クライアントさまの好みに合わせて、初稿のデザインをお好きに組み合わせていただければと思います。

ご依頼、ありがとうございました☺

ヘッダー作成のご依頼はコチラから✨


サービス数40万件のスキルマーケット、あなたにぴったりのサービスを探す