【ロゴ制作工程】ブログのロゴ&ヘッダーができるまで

デザイン




今回は、ブログのロゴとヘッダー制作を依頼されました。

ロゴとヘッダーを組み合わせてデザインしたので、その制作工程を書いていきます。

 

依頼内容

【ロゴ】

  1. 作る目的(どんなイメージを受けるロゴにしたいか)
    エンジニア向けに、枠にとらわれない自由な働き方ができることを伝えるブログなので、それをデザインでも伝えたい。
  2. ターゲット層
    会社に依存した働き方をしたくない人、自由な働き方を目指している人、現在エンジニアとして働いている人。
  3. メインカラー
    特になし。
  4. 要素・素材
    プログラミングのコードを入れるとエンジニア関係のブログと分かりやすいかもしれないが、入れるか入れないかはおまかせ。
  5. その他ご希望(参考デザインや希望納期)
    シンプルかつ、PCとスマホでブログデザインが違うので、それも考慮したもの。

【ヘッダー】

上記依頼内容と同じ。

記載文は、「おかひろブログ フリーランスエンジニアを目指します」

デザインのイメージとして「自由」と「エンジニア」の要素はどちらも含んでいたほうが良いか?とお聞きしたところ、エンジニアと分かるデザインの方が良いとのことでした。

上記内容を踏まえて、制作に入りました。

制作①

まず、ロゴ制作から。

エンジニアから、連想できるものとして、PC・プログラミングコードなどだったので、直線でデジタル感を出しつつ、角を削ることで鋭くなりすぎないようにしました。

色の光彩で、光っている感じを出すことで、よりデジタル風な印象をつけました。

ロの中には、プログラミングのコードで使用するものを入れてみました。

 

このロゴを使用し作成したヘッダーがこちら。

背景色は、もともとブログのヘッダー部分に使用していた色を使っています。

サブタイトルの左右両側に、エンジニアっぽい記号をつけました。

こちらをお見せしたところ、

  • 「おかひろ」と「ブログ」の色を違う色に変えて欲しい。
  • 背景の色を、メニューバーと同じ色にして欲しい。

とのことでしたので、少し変更を加えました。

 

制作②

ご希望を踏まえ、変更したのがこちら。

「ブログ」の色を緑にし、背景色をメニューバーと同じ色にしました。

こちらのデザインで、「カッコイイものができて満足です!」と言っていただき、完成しました。

 

ロゴ・ヘッダー以外にも、名刺・チラシ・WEBデザイン制作の依頼もお受けしています。

ご依頼お待ちしております!