【マナブの宿題】バナナのバナーを作ってみた

マナブ

マナブさんの宿題に便乗して
デザインの勉強を始めてみました。

マナブさんがどんな方か知りたい方はこちらへ

スポンサーリンク

マナブさんの宿題

第4回 副業の種類・始め方を解説する【宿題あり】

この動画では視聴者に
宿題を出しています。

✅ブログの宿題
➡️すでに実行済み!

✅動画編集の宿題
➡️すでに実行済み!

✅YouTubeの宿題
➡️すでに実行済み!

✅ライターの宿題
➡️すでに実行済み!

✅デザイナーの宿題
まだやったことがないぞ…

✅プログラミングの宿題
➡️すでに実行済み!

ブログは現在作り続けているし
動画編集やYouTubeも過去にやったことがあります。
ライター、プログラミングも挑戦しましたが、
一つに絞った方がいいと思い
一番モチベーションが高くできるブログに専念している状態です。

しかし、ここにある宿題のうち
唯一、未実行だったのが
デザイナーの宿題でした。

ということで、
デザイナーの宿題をすることにしました。

デザイナーの宿題の内容は
「バナナのバナーを作ること」
です。

ではさっそく挑戦。

version1 最初のバナー

まず最初に作ったバナーはこちら

バナナのアフィリンクを貼って

  • バナナの食べてもらいたい
  • バナナを食べるベネフィットを列挙
    効能はこちらを参照

という単純なバナーになりました。
(クリックするとAmazonのバナナのページに飛びます)

う〜む

これでは寂しいし、
完成にはしたくないけど…

ここから何をすればいいのかわからない…
パターンや選択肢が思い浮かばない!

Photoshopの使い方は知っている。
でも、アイデアが出てこないし、
改善案が浮かばない。

課題点

バナーのデザインパターンの
インプットが圧倒的に足りない

version2

ということで、作り直すことにしました。

とりあえずバナナのバナーに挑戦した人を見てみる

なるほど…

学んだことはこんな感じ

  • 文字の配置をもっと工夫する
  • 目線をバナナ→文字で終わらず、
    クリックに誘導する
  • 装飾をもっとつけてもいい

ということで、作り直したのがこちら

ちなみにBeforeはこちら

変更点は

  • 吹き出しを追加
  • バナナの文字を装飾
  • CLICK誘導も表示

Beforeはシンプルというよりも
物足りない印象だったので
すこしよくなったと思います。

描いていた完成図の表現
や操作の仕方が分からず
この表現で妥協した感じです。

例えばバナナのもじも下地が欲しいなと
思っていましたし、
効能も文字の並べ方に工夫があってもいいかなと
思いますが、
やり方がわからず
これでVersion2をかんせいにしました。
時間をかけて調べれば
もっと表現ができたのですが、

Photoshopの使い方の勉強がまだまだ足りない

ということがわかりました。

課題点

Photoshopの使い方、表現方法の
バリエーションが足りない

version3

現在制作中

YouTubeチャンネル「マナブ」に戻る

これらの動画はYouTubeチャンネル「マナブ」でご覧いただけます。

マナブさん 関連記事

SEO対策

捨てる勇気

マナブの宿題

著書「億を稼ぐ積み上げ力」書評

マナブさんおすすめの本

公式ページなど

公式ブログmanablog

YouTube

Twitter

Instagram

タイトルとURLをコピーしました