【はじめての方はこちらをクリック!】《独学応援ブログ》では、Web制作の独学・営業・案件の進め方などのお悩み解決につながる記事を書いています。

【独学応援サロン】第5回デザインコンテスト 結果発表

平均読了時間→ 3

今回は結果発表です!

完全無料のコミュニティとして運営している独学応援サロンですが「無料だからといって何の企画もなければメンバー同士の接点を増やせないよなぁ」ということではじめてみたデザインのコンテスト企画。

毎月一回ずつ実施することで駆け出しのみなさんに「制作例」と呼べるものを増やしてもらい、営業をはじめるときの武器を蓄えてもらえたらと思っていますが、今回は第5回デザインコンテストの審査結果を発表します。

まずは今回のお題から確認していきましょう。

企画の概要はこちら
エントリー作品の一覧はこちら

今回のお題

今回のお題は「ペットと泊まれる宿のバナーデザイン」です。

元々の予定にはなかったお題ですが、サロンメンバーたちからの「バナーデザインにも挑戦したい!」という熱いご要望により予定を変更して実施することになりました。

基本情報は下記のとおりです。

今回の基本情報

◆メインカラー:オレンジ

◆サイズ:500px x 500px

◆テキスト
・全客室 絶景のオーシャンビュー
・自慢の海鮮料理
・WEB予約限定
・通常料金より10%オフ
・次の週末はペットとゆっくり。
・予約はこちら▶︎

◆目的
情報サイトやGoogleのアドセンス広告として使用し、宿の予約ページに誘導する

◆ターゲット
ペットを連れて旅行したい人(単身/ファミリー問わず)

◆エントリー方法
①サロンの共有ドライブに作品をアップロード
②サロンの第5回デザインコンテストのスレッドに「制作のポイント」を投稿
※締切は10月25日

審査方法

肝心の審査方法ですが、こちらはサロンメンバー達による一般審査の点数とサロン主である僕による5段階評価を足したその合計点を競っていただきます。

まず、メンバーたちによる一般審査は、ひとり1ポイントとして換算。

その際の選ぶ基準はなんでもOK。

たとえばこんな理由で…
  • このデザインは真似したい
  • このデザイナーさんと仕事がしたい
  • このデザインをコーディングして自分のポートフォリオに載せたい

などなど色んな理由が考えられますが、とにかくどんな理由であっても1点は1点として加算します。

また、僕の方はWebデザインにおいて大切な要素として下記の3つを審査させていただき、3点満点で採点します。

デザインの審査項目
  1. 目的とコンテンツの一致
    • バナーの目的やクライアントの要望に合わせてデザインされているか?コンテンツが明確で、ユーザーが求める情報を明快に伝えることができているか?
  2. 情報の整理と効果的なレイアウト
    • 情報は整理されているか?ユーザーに特定のアクションを促せているか?訴求したいことが明確に伝えられるか?
  3. 視覚的な魅力
    • 写真、構成、配色、フォントはブランドイメージや訴求内容をより魅力的に見せられているか?

以上を踏まえて、今回エントリーいただいた作品を審査させていただきました。

ちなみに、それぞれのコメントでは率直な感想を書いています。

真面目に捉えすぎて傷ついたりしてほしくないなぁと思いつつも、それぞれのさらなるパワーアップのためにあえてオブラートに包むことを忘れてバカ正直にコメントしてますので、その点はご理解いただけると幸いです。

それでは、結果を見ていきましょう!

エントリー作品

今回は4名の方々がエントリー!

エントリーしてくださったみなさまと今回も投票してくださったサロンメンバー達に感謝です。

これからも毎月の企画として継続していきますので、引き続きよろしくお願いします!

それでは、みなさんの投票数と僕のバカ正直なコメントをご覧ください👇

1️⃣tonboさん

デザイン①
デザイン②

【デザイン①】
優先順位 ①10%オフ ②予約はこちら ③その他 として作ってみました。
ペットと泊まれる宿ということなので、ペットの写真をメインに作成してみました。
反省点としては、このバナーをぱっと見て、ペットと泊まれる「旅館」であることが伝わらないであろうところです。室内に犬がいる写真が欲しかったのですけど… 見つけたらまた作ってみます。

【デザイン②】
こういうところhttps://www.petyado.wwo.jp/ に並べても負けないように意識しました。 優先順位 ①ペットとゆっくり ②10%オフ ③予約はこちら に変更。 3枚の写真のレイアウトを変えてみました。 前回よりも客層を若めに設定し、ゆとりを作ってみました。 なお、写真は結局ちょうど良いのが見つからなかったので、どこだかのAIで生成し、フォトショで拡張しました。色を旨く直せなかったので、トーンが合いませんでした…

審査結果

◆合計得点:1.5点

◆一般審査:0点

◆5段階評価:1.5点

0.50.50.5

◆コメント

今回もエントリーいただきありがとうございました!

訴求ポイントの優先順位を変えて2パターンを提出してくださいましたが、どちらもお題に忠実にデザインいただいていると思います!

一方で、お題に対する理解はズレていると言わざるを得ないでしょう。。。

まず、バナーの最大の目的は「ユーザーを予約ページへと誘導すること」です。

部屋から見える景観、美味しそうな料理、そしてペットと泊まれるといった強みはユーザーをその宿に泊まらせるための動機づけに過ぎません。

この点をご理解いただけていないからこそ、どちらのデザインも「予約はこちら」が埋もれてしまっているのだと思います。

また、情報の整理という点においても改善が必要だと思いました。

デザイン①では10%オフを最優先の訴求ポイントとしてデザインされたということでしたが、その割にユーザーの目が最初に注目するであろう位置にその情報はなく、配色も全体と同じなためそこまで目立っていないため多くのユーザーは「お得感」を感じられなさそうです。

同じようなことがデザイン②にも言えまして、ペットとゆっくり泊まれることを一番に訴求するならバナーの中でキャッチコピーのフォントサイズを最大にするとか、もっと軽やかなフォントを使うなど、とにかく10%オフよりも目立たせるべきではないでしょうか?

写真の編集方法とか文字の配色や位置などといったテクニック的な部分も重要ですが、まずはその前にバナーの存在意義や情報整理について振り返っていただけるとより良いデザインを作れそうだなぁという期待を込めての採点でした。

お疲れ様でした!

2️⃣すけぞうさん

デザイン①
デザイン②

★「ペットと過ごす特別な休暇」を一番に意識してデザインしました。
その他のポイントとしては、
・おしゃれな和風カフェのような宿を想定
・全体的に落ち着いた雰囲気で統一
・海を感じながらゆっくり過ごすせる場所をイメージ
・落ち着いたイメージに合わせるため、メインカラーは淡いオレンジに
・あえて情報量を減らしてガチャガチャしないように(バナー1)
・必要な情報は載せるが、文字が多くなり過ぎないように(バナー2)

審査結果

◆合計得点:3.5点

◆一般審査:2点

◆5段階評価:1.5点

0.50.50.5

◆コメント

第3回デザインコンテストのチャンピオンに今回もエントリーしていただけて嬉しいです!

配色やあしらいのバランスに相変わらずのセンスを感じさせられるバナーですね。

一方で、tonboさんと同じくどちらのデザインもバナーの存在意義の理解や情報整理に改善の余地を感じました。

どちらも多かれ少なかれお題を無視していますが(笑)、いちばん大切な「予約はこちら」のフォントサイズが極小で視認しづらいですし、このバナーを見た人の感情を考えると「ペットと一緒にゆっくりできるっていいよねー」っていう共感で終わってしまって、「ここに泊まりたい!」という衝動にまで発展させられなさそうじゃないですか?

デザイン①に関しては宿の宿泊予約ができるのかどうかも分からないでしょうし、デザイン②でも辛うじて伝わるかなぁといった程度でしょう。

デザインセンスが優れているだけに尚更もったいない印象を受けていますが、裏を返せば、訴求意図に関する理解を深めるだけで一気に単価3万円くらいのバナー職人になれそうなので、今一度、バナーの存在意義や情報整理について振り返っていただけると幸いです。

お疲れ様でした!

3️⃣まみさん

【ターゲット】
大切なペットがいる30代~50代の方。(”ペットを飼っている方”の時点で対象が絞られるので、年齢層はあえて広めに設定)

【1番伝えたいこと】
ペットと一緒に特別な時間を過ごせる

【優先順位】
①ペットとゆっくり
②ご予約はこちら
③通常料金より10%オフ

【意識したこと】
①パッと見たときに「ペットと泊まれる宿」だと認識できる →ペットと泊まれる宿をイメージできる写真選び(和洋室イメージ)
②情報量が多いため、情報は全て盛り込みつつゴチャゴチャさせない →文字サイズのメリハリ(写真で伝わる内容の文言は小さく添える程度)
③予約ボタンへの誘導 →写真部分とは完全に切り分け、10%オフとボタンがまとまって目にとまるように配置。ボタンの立体感。
④ターゲットに響く →この宿に泊まりたい方は動物が大好きだと予測できるため、左上に犬の写真を置くことで興味をひくように。
⑤カラーを揃え統一感を出す 写真の色味をテーマカラーのオレンジ寄りに編集。写真にオレンジ以外の色味も多いため、アクセントカラーは配置せずオレンジのみで構成。

審査結果

◆合計得点:11点

◆一般審査:8点

◆5段階評価:3点

111

◆コメント

なんか、ちゃんとペットとゆっくりできそうですよねw

バナーの存在意義を正確に理解しているデザイナーが、ターゲットが宿泊したくなる訴求ポイントを見極めてデザインするとこうなるわけですが、これでまだ学習中らしいですよ(´゚д゚`)

【意識したこと】を読むと、僕がお題に込めた狙いもことごとく見抜かれていることがよく分かりました。

超細かいことを言うと「全客室」のフォントカラーは白くても邪魔にならないでしょうし、見落としも防げるような気がするのと、写真の配置は現状がベストな気がするものの、ベッドの写真にもう少しインパクトがあるとデザインがもう少し安定しそうですよね。

もしかすると、ベッドの木材の色がナチュラルじゃなくて黒かったもっと良かったかもしれません。

いずれにしても、まみさんの理解度やテクニックにはお見逸れ致しましたし、LPやホームページのデザインも見せてほしいと思いました。

ポートフォリオがあったらぜひ拝見させてください!

ということで、お疲れ様でした!

4️⃣やっくんさん

制作のポイントはまず ①「次の週末はペットとゆっくり。」を大きく打ち出したこと。
そしてオーシャンビューや海鮮料理は⭕️に入れてみせたこと。
全体的に曲線で表現したことで「休日」のやわらかさ、を出しました!
微調整したいところもありますが、デザインコンテストに参加できたことがよかったです!!
あとは素材探しに困ったので生成塗りつぶしなどのAI機能にも助けられました!!🤖

審査結果

◆合計得点:4.8点

◆一般審査:2点

◆5段階評価:2.8点

10.81

◆コメント

まずみなさんに知っていただきたいのは、やっくんさんがエントリーの締め切り当日に参加を表明されて、ものの数時間でこれを制作してエントリーしてくださったということ。

いや、実力者かよw

突っ込みたいポイントは海の上に海の写真を載せてるとこくらいで(笑)、それ以外は急ごしらえであることを抜きに考えたとしても十分評価に値すると思います。

ていうか、良い意味でビックリしててまともなコメントが思い浮かばないので、メンターとしてひとつだけ言わせてください。

11月中に営業活動の方針を見直して即営業しましょうwww

優秀作品はこちら!

ということで、第5回デザインコンテストの優秀作品は3️⃣まみさんの作品に決定しました!

第5代優秀作品に選ばれたまみさんの歓びの声はこちら👇

まみさんのコメント
今回の感想やコーダーさんに向けたメッセージをください!

投票いただいたサロンメンバーの皆さま、主催いただいためがねんさん、ありがとうございました!

今回初めてのコンテスト応募でした。公に自分のデザインを公開するのも初めての経験だったのでドキドキもありましたが、制作過程も含めてとても勉強になりました。

結果的に評価いただける方がいらっしゃったことがとても嬉しく、小さな自信になりました。

とは言ってもまだまだ学習段階ですので、デザイン力を上げて目的達成できるデザインを作れるようになりたいと思います。

独りよがりになりがちなデザインの学習において、客観的な視点でフィードバックいただけるのは本当に有り難く励みになります!

このような機会を作っていただきました主催者のめがねんさんに改めて感謝申し上げます。ありがとうございました!

さいごに

今回は無事にコンテストを実施できて安心しました。

一方で、エントリーを表明していたもののお忙しくて辞退された方々も数名いらっしゃいましたので、次回はそういったみなさまにもご参加いただけるとうれしいです。

11月のお題は「法律事務所のHPデザイン」。

今回もトップページのデザインさえあればエントリー可能ですが、制作期間は11月1日〜20日までですので、下層ページまで作ってもらえると後日それをマークアップしてくれるコーダーさん達としても嬉しいだろうなぁと思ったり。

いずれにしても、たくさんの方々にエントリーしてもらえると幸いです。

それでは、また来月にお会いしましょう!

今月もありがとうございました!

Visited 38 times, 1 visit(s) today
ご感想はぜひツイートお願いします🧑‍💻
ABOUT US
めがねん管理人
Web制作の独学を「ただしく、くわしく、わかりやすく」|フリーランス5年目|Web制作の独学者向けブログ《独学応援ブログ》、無料コミュニティ《独学応援サロン》、個別サポートサービス《独学応援メンター》運営|ガジェット、SF、犬が好き🐶