![見出し画像](https://assets.st-note.com/production/uploads/images/57995536/rectangle_large_type_2_8acffa524db942107b206823c1396e16.png?width=1200)
【仕事依頼】かのんさんのヘッダーをデザイン|完成までの制作過程を公開
ニシタロウの
スキマで向上ノートです。
今日は、
かのんさんのヘッダーをデザイン
完成までの制作過程を公開
という内容です^^
ヘッダー画像制作の依頼を
いただきました。
依頼してくださったのはこの方!
クリエイターかのんさん
現役のエステティシャンさんで、
お肌の豆知識を丁寧に、楽しく発信
してくれています。
僕もよく読ませてもらっています^^
特に、洗顔動画の記事!
動画付き解説というなんとも贅沢な記事
がオススメです!
ではさっそく、
ヘッダーデザインに取りかかります。
まずは、
かのんさん情報を少しまとめていきます。
かのんさん情報
■デザインのご要望
・オーガニック
・ナチュラル
・柔らかく
・落ち着きのある
■かのんさんのnoteの印象
・男女問わず役立つ美容情報
・現役フェイシャルエステティシャン
・自ご自身が肌荒れで悩んでいた過去から、
フェイシャルエステの道に。
・お肌のお悩み相談も受け付け中
かのんさんと
やりとりをさせてもらって
画像のヒントをたくさんいただきました!
デザインのご要望と、
かのんさんのnoteの印象から
画像に入れるワードを決めていきます^^
ワードの洗い出し
画像の中央に入る、
メインのワードを決めていきます。
まずはキーワード一覧をドンッ!
![画像11](https://assets.st-note.com/production/uploads/images/58073223/picture_pc_886587d0d0d200474c769294fb67ec31.png?width=1200)
ここから〜
う〜ん。
う〜んん。
う〜んんん。
となんやかんや考えて、
次の一言に決定!
メインワードの決定
![画像4](https://assets.st-note.com/production/uploads/images/57998014/picture_pc_a1891a16c6b3b2b32f8c74d76bdd017b.png?width=1200)
あなたとキレイに
あなた「を」キレイに
ではないんですよね〜
ご自身の経験を踏まえながら
読者さんに寄り添って、
一緒にお肌をキレイにしてくれる。
そして、
美容情報の発信を通じて、
読者さんに前向きな気持ちを届ける。
かのんさんの
noteの優しい姿勢を一言に込めました。
フォント、サブタイトルの調整
![画像5](https://assets.st-note.com/production/uploads/images/57998029/picture_pc_4bfb7c7c4fcdbacd62bdd6f156a5a8e5.png?width=1200)
フォントは、
洗練された品のある感じに。
かわいいよりキレイのイメージです。
ここで、
サブタイトルを挿入♪
エステティシャンのお肌のハナシ
かのんさんの届ける「キレイ」の説得力を、
パワーアップさせつつ、読者さんには、
どんなページか一言で伝えるフレーズ。
ワードはこちらで決定!
背景の挿入
![画像6](https://assets.st-note.com/production/uploads/images/57998052/picture_pc_b2a1214e061f9606a32ade535f6d42fb.png?width=1200)
・ナチュラル
・美容
というイメージから、
肌の色、メイクのような
背景を選択しました。
イメージ素材を挿入
![画像7](https://assets.st-note.com/production/uploads/images/57998093/picture_pc_bc171836434321cd8855f9e7db7315b7.png?width=1200)
オーガニックなイメージで、
グリーンを挿入。
そして、
・お花
・「 ♪ 」(サブタイトル末)
を挿入!
なぜかと言いますと、、、
かのんさんは、
お花と音楽がお好きです。
花と音
花音
かのん
えー!
そういうことですか!
お名前の由来がここにあったとは、
奥が深いです。
なぜこんなことを知っているかって?
▼クリエイター名に迫るこちらの企画
chiyoさんの、
素晴らしい企画で、
お名前の由来を知りました。
お名前の由来を紹介する、
chiyoさんの企画、ステキ!
とても参考にさせてもらいました^^
というわけで、
お花と音符を挿入したのです。
がしかし!
全然納得していないので、
調整していきます。
素材の変更
![画像9](https://assets.st-note.com/production/uploads/images/57998147/picture_pc_9254f4e09e9d87ddf8eb0a1e07b20e40.png?width=1200)
お花、グリーンの素材をともに変更。
文字が読みにくく、
ガチャガチャしてきたので
再調整です。
バランスを微調整
![画像8](https://assets.st-note.com/production/uploads/images/57998124/picture_pc_270319c8a032d731593fc225802fed36.png?width=1200)
▼お花を右側へ移動
キレイを添えるくらいの位置が
しっくりきました。ここで決定!
▼グリーンを水彩タッチに統一
花の素材にあわせてグリーンも、
水彩タッチに。。。したのはいいんでが、
パキッとキレイな感じが落ちたので却下です。
▼サブタイトル「ハナシ」→「はなし」に変更
アクティブな「ハナシ♪」という表現より、
読者さんに寄り添う感じは「はなし♪」の方が
しっくりくるのでひらがなに変更。
最終調整
![画像10](https://assets.st-note.com/production/uploads/images/57998194/picture_pc_79725249aef2aa62a1d6cba527ec8bf9.png?width=1200)
グリーンは元に戻して、
全体の位置を微調整して完成!
完成はこちら
![画像2](https://assets.st-note.com/production/uploads/images/57977897/picture_pc_d340ffafe1c9190d4d89c8ecf638e382.png?width=1200)
▼かのんさんのページ
![スクリーンショット 2021-08-01 14.25.01](https://assets.st-note.com/production/uploads/images/57978022/picture_pc_48d8ad628efbae4f8189b01440b00729.png?width=1200)
ご自身の経験と知識を土台に、
読者さんと一緒に美容を追求するかのんさん。
そんな
かのんさんのお肌のはなし♪
ますます楽しみです^^
以上ニシタロウの
スキマで向上ノートでした!
![画像1](https://assets.st-note.com/production/uploads/images/57977747/picture_pc_c7aeed5092f85def4ba80bb9076bff82.png?width=1200)
▼ニシタロウのプロフィール
▼お仕事依頼はこちら
いつも「スキ」と「コメント」で充分サポートしてもらっています^^おかげで「やる気」と「発見」に満ちた毎日です。いつもありがとうございます🙇♂️次の記事もどうぞお楽しみください!