反応率が段違いだった2つのアイキャッチ画像

記事
デザイン・イラスト
先日のiPadお絵描き記事でのこと。
ココナラの他にnoteでも同じ記事をアップしました。

先にnoteで記事を作成し、noteを経由してcanvaで作ったアイキャッチ画像を作りました。

さあ、ココナラでも記事を書くぞ!という段になって、さっきcanvaで作ったアイキャッチ画像がどこにあるのかわかりません。

仕方がないので、使い慣れているAdobeExpressで新たに作り直しました。
で、同じくTwitterで更新告知のツイートをしたんですね。

すると、友人からこんなツイートが。

スクリーンショット 2023-01-15 22.58.16.png


これはどちらのアイキャッチのことを言っているでしょうか?
投稿したのはこちらの2つです。

スクリーンショット 2023-01-15 19.09.03.png
↑note版のアイキャッチ画像

スクリーンショット 2023-01-15 19.09.15.png
↑ココナラ版アイキャッチ画像

あなたは、どちらをクリックしてみたくなりましたか?
それはおそらく後者ではないでしょうか。
ツイートしてから約1時間、かなり明確に差が出ていました。

スクリーンショット 2023-01-15 19.19.00.png
↑note版のツイートアナリティクス

スクリーンショット 2023-01-15 19.19.13.png
↑ココナラ版のツイートアナリティクス

どうです?すごくないですか?
内容は同じで、なんならツイートの文章はnote版の方が考えて書いたのに、圧倒的にココナラ版のアイキャッチの方が反応率が良いんです。

やはり、デザインの力というのは圧倒的な力を持っていますね。
今初めて自分ごととして実感しました。

せっかくなので、note版とココナラ版の違いを自分なりに分析してみようと思います。

まずはこちら。note版のアイキャッチから。

スクリーンショット 2023-01-15 19.09.03.png

こちらの反応率の悪かった原因は、
・文字が見づらい
これが一番大きいと思います。
イラスト部分が白と黒という史上最強のコントラストなわけです。
そちらに目を奪われてしまいます。
その横に申し訳程度に色シャドウ入れた文字…雑魚もいいところです。
また、この画像からはあまり「お絵かきの楽しさ」というものが伝わってきません。
どちらかというと、効率よく作業するための何か、そんな感じの記事の方が似合いそうです。

つづきまして、ココナラ版のアイキャッチについて。

スクリーンショット 2023-01-15 19.09.15.png


こちらの反応率がよかったのは、文字が読みやすいことだと思います。
note版の方は真っ先に目に入るのがイラストだったけれど、こちらではまず文字が真っ先に目に入ります。
そう、一番伝えたいことが真っ先に目に入るのです。

そして背景の画像。カラフルかつ、いろんなストロークで描かれているので、お絵かきの楽しさも伝わってきます。

楽しい気持ちを損なわないよう、メインの文字は背景画像で使われている色のなかで、視認性が良く、かつポジティブな気持ちになれる赤色をチョイスしました。
サブタイトルは、メインほど目立たなくてもよかったので、すこしマイルドなオレンジを使用しました。

画像の中に使われている色を文字にも使うことで、なんとなく統一感も生まれたかなと思います。

つらつらと書いてきましたが、作ってる最中はそこまで細かくは考えていません。
改めて分析してみて、そうだったなーという。
自分の意図を改めて言語化するのって大事だなと思いました。

まとめると、反応率の良いアイキャッチとは

・文字が一番目立つこと

・文字がよみやすいこと

・イラストが文字の邪魔をしないこと

このあたりは大原則だなと思いました。

今までは、アイキャッチ作りに時間かけすぎてちゃダメ!って思っていました。
なんなら、アイキャッチ作成タイムアタックとかするぐらいには速度のみを重視してきました。
今回のことを機に、反応率まで考えたアイキャッチを作ろう…!と決意したのでした。



サービス数40万件のスキルマーケット、あなたにぴったりのサービスを探す ココナラコンテンツマーケット ノウハウ記事・テンプレート・デザイン素材はこちら