あなたの力を試す時。
CodeCampデザイナーズアワードは、コードキャンプ受講中や受講修了後に挑戦できる作品コンテストです。
現役Webデザイナーの
審査・講評
入賞者だけでなく、参加した方全員、デザイナー講師から自分の作品に対するフィードバックをもらうことができます。
国際規格の
スキル証明を獲得
殿堂入りを果たすと、国際規格のスキル証明(オープンバッジ)を獲得できます。履歴書やポートフォリオでスキルレベルを証明できます。
受講生なら
何度でも参加可能
コンテストは定期開催で、受講生は何度でも参加することができます。参加した数だけプロの講評のもと、実力をつけることができます。
審査員は第一線で活躍するWeb制作現場のプロフェッショナル
CodeCampデザイナーズアワードはWeb制作現場での評価観点をもとに審査します。
入賞はプロのWebデザイナーに認められた証拠です。
ポートフォリオに掲載して実績をアピールしましょう。
審査員
Judge
井上 真史
MASASHI INOUE
CodeCampデザイン教務担当。業界黎明期からWebデザインに従事し、広告代理店や大手Web制作会社等において多種多様なサイトデザインを手がける。
有村 侯彦
KIMIHIKO ARIMURA
デザイナー歴23年。紙媒体から動画編集まで世間の時流に合わせて様々なアプリケーションを使いこなし、依頼者のイメージの具現化を得意とする。
中内 あかね
AKANE NAKAUCHI
大手通販サイトのWebデザイナーからキャリアをスタートし、 IT企業でのディレクター・ プロデューサー歴10年。数々のデザインレビューを担当。
2024年 コンテスト開催日程
※開催日程・テーマは変更される場合があります
FAQ
Q1.まだWebデザインの学習を開始し始めたばかりですが、参加して良いのでしょうか？
はい、ぜひ参加してください！学習開始1ヶ月以内で参加されている方もいらっしゃいます。
自身の現状のスキルの把握だけでなく、継続的に参加することでスキルアップしていることの実感ができます。また、他の受講生の作品を見ることで刺激を受けることができます。
Q2.提出した作品はポートフォリオに掲載して良いでしょうか？
はい、掲載可能です。フィードバックを受けて修正したプロセスや、受賞した場合は受賞したことをぜひ掲載してください。ポートフォリオを充実させることが案件獲得の第一歩です。
Q3.CodeCamp受講生ではないのですが、参加できますか？
CodeCamp受講生のみが参加できるコンテストです。まだCodeCampの受講生でなく、Webデザインの学習を検討している方は、まず会員登録または無料カウンセリングをお受けください。
Q4.どれくらいの頻度で開催されますか？
CodeCampデザイナーズアワードは年に1、2回程度の開催を予定しております。 ただし、受講生の皆さまに多くのデザイン制作にチャレンジしていただく機会を作るために、月1回程度、定期的にプロのデザイナーがデザイン添削を行うイベントを別途ご用意しております。 デザイン添削イベントのスケジュールは改めてお知らせいたします。
中根 美稲 さん
フリーランスWebデザイナーコース
審査員からのコメント
メインビジュアル要素が読み易くレイアウトされており、Webデザインの文法をきちんと意識していることが感じられました。場数を踏めばすぐに上達するでしょう。この提案でも間違いではありませんが、せっかくなので広告感が欲しいところ。また、季節感が加わればよりよいデザインとなるでしょう。
受賞者からのコメント
この度は最優秀賞に選出いただき、ありがとうございます。
今回は2回目の応募で入賞を目指していたため、大変嬉しく思います。「ITの先端学習を提供する学び舎」と「季節感」、二つの要素をどのように融和させるかが難しく、試行錯誤しながら制作しました。デザインスキルはまだまだ未熟だと感じておりますので、今後も様々な機会にチャレンジしていきたいと思います。
福元 早代 さん
デザインマスターコース
審査員からのコメント
夏らしさや学生らしさが伝わる画像周りと、文字のバランスが取れたメインビジュアルで、読み進めたくなる印象を持ちました。一方で、日付部分の背景と文字のコントラストが弱く、情報が沈んでしまっているのがもったいないと感じました。また、全体的に余白が広めなので、数値のルールを意識するとバランスよくまとまるでしょう。
佐藤 まゆり さん
Webデザインコース
審査員からのコメント
課題のテーマに即した写真やイラスト素材のチョイスに好感が持てます。ただし、メインビジュアル画像はより訴求力のある写真素材を意識する必要があります。また、テキスト情報や、色味のコントラストを意識してサイトの使いやすさを追求すると良いでしょう。
受賞者からのコメント
受賞者からのコメント
この度は優秀賞をいただき、ありがとうございます。IT系と夏のイメージのかけ合わせが難しく、いろいろと悩みながら時間をかけて制作しました。自分の引き出しの少なさを痛感していたところですが、今回このように評価していただけたことはとても嬉しく、大きな励みになります。これからもたくさん経験を積んでスキルや感覚を磨いていきたいと思います。
制作物にフィードバックをいただけるコンテストがあると知り、ラッキーだなと思い初挑戦しました。賞をいただけたことを有難く感じております。
提出にあたって個人目標として制作時間を決めて取り組みましたが、締め切り厳守を言い訳にできないほどの知識不足や自信のなさを実感し、とても良い機会となりました。これからは自分を甘やかさず学習を頑張っていきます！
藤田 美里 さん
オーダーメイドコース
審査員からのコメント
メインビジュアル含め、写真素材のチョイスが的確ですね。メリハリの効いたデザインで、コントラストへの高い意識が感じ取れます。一方、構造上のルールの曖昧さが見られます。見出しごとの文字サイズ及び装飾、余白の数値などを整備し、コーディングの際に制作効率を下げない工夫を凝らしてみてください。
受賞者からのコメント
最優秀賞を頂き、ありがとうございます。このような素晴らしい賞を受けられたのも、私を支えてくださった仲間や家族、そしてCodeCampのおかげです。
ペルソナの設定やデザインの研究、画像の選定など初めてのことばかりでしたが学ぶことも多く、この経験を今後にも活かしていきたいと思います。
また、今回自分の力不足を感じたため、さらにデザインの学習に努めていきます。
.png)
渡辺 萌世 さん
Web制作入門コース
審査員からのコメント
コントラストへの高い意識が感じ取れる、すっきりした使い勝手の良いサイトですね。その性質上文字情報が大半を占めるため、高い可読性を求められるランディングページの基本を抑えたデザインです。ただしディティールの作り込みが足りていないせいか、各要素が記憶に残りにくくなっています。ワイヤーフレームと視線の流れから重要な情報を見極めるトレーニングを行いましょう。
受賞者からのコメント
この度は、優秀賞に選出していただき誠にありがとうございます。
今回は2回目の応募で、入賞を目標としていたのでとても嬉しく思います。
Webデザインはまだまだ勉強中ですが、今回の受賞で自分の作品に対して自信を得ることができました。
これを励みに、これからも知識とスキルの向上に努めてまいります。
川端 真紀子 さん
デザインマスターコース
審査員からのコメント
現在のWebデザイントレンドを体現した、ミニマル・シンプルのお手本のようなサイトデザインです。初見でデザイン上の大きな問題が発生していないため、初の取引でもクライアントの期待を裏切ることのない理想的な作品と言えます。強いて指摘するとすれば、文字が全てボールドなのでメリハリをつけるためにボディコピーはレギュラー・ミディアムにウェイトを落とす、見出しの下の線が小さいながらも太く濃いためやや存在感が強い、コンバージョンエリアにおいてボタンより電話番号のホワイトが目立っているなどありますが、すぐに解決できるレベルなので今後も自信を持って取り組んでいただければと思います。
受賞者からのコメント
入賞に選出いただき大変嬉しく思います。
システム開発会社のLPという個人的に少し難しいテーマだったのですが、ページを見る人にわかりやすく伝えるにはどうしたら良いか、試行錯誤しながら楽しく制作することができました。
自分が制作したものを評価していただけることは、ものづくりをする人にとって、とても貴重な経験だと思います。
このような機会をいただけたことに感謝いたします。
大川 高広 さん
オーダーメイドコース
審査員からのコメント
シンプルでありながら力強く、観る人を意識したデザインに仕上がっていると感じます。キャッチコピーの訴求を一点集中で行うことで、自己分析を行いたいユーザーに刺さるバナーに仕上がっています。
受賞者からのコメント
最優秀賞をいただくことができて、大変嬉しく思います。
全体の色や構成、写真の選定など、試行錯誤しながらでしたが、前回批評の際のご指摘を踏まえて制作しました。それが今回の結果につながったのであれば、今後の励みになります。
これからもスキル向上に努めてまいります。
小菅 沙由美 さん
Webデザインコース
審査員からのコメント
すぐに仕事として成立しそうな完成度の高さが感じられます。縦書きのキャッチコピーをまず読ませて興味を惹き、その後に「３分診断〜」のユーザーベネフィットを読ませる、という出題の狙いに沿ったデザインだと感じました。今後も自信を持って様々なタイプのデザインに取り組んでみてください。
山本 夏生 さん
Webデザイン副業コース
審査員からのコメント
バランスの良いレイアウトだと感じます。全てのテキスト要素をセンタリングすることで重心が安定して見えます。２色使いの配色も爽やかで、全体的に軽やかな印象にまとまっていますね。
受賞者からのコメント
受賞者からのコメント
この度は優秀賞をいただき、誠にありがとうございます。まさか受賞できると思っていなかったので非常に嬉しく思うと共に自信にも繋がりました。
いただいたアドバイスを参考に今後も勉強に励み、デザイナーとして活躍できるよう精進して参ります。ありがとうございました。
この度はコンテストで入賞を頂きとても光栄に思います。
今回がコンテスト初参加になるのですが、参加するからには賞を頂くことを目標にワイヤーフレームから何度も修正を繰り返し今回のデザインになりました。
入賞の連絡を頂いてから再度作品をみるとまだまだ改善できる部分があったなと感じましたが、これもレッスンを受けて成長できている証拠かなと思います。
次回のコンテストではもっと自身の力が発揮できるデザインを作りたいと思います。ありがとうございました。
石川 恭子 さん
Webデザイン副業コース
審査員からのコメント
PC版、スマホ版、どちらもすっきり上品にまとまっていますね。
適切な余白により、ロゴも小さめながら印象的です。カットしたホールケーキか、マカロンのように見えるロゴマークが、このキービジュアルの効果でマカロンに見えますね。
一押しのスイーツの写真は目立つ位置に持ってくる（採用情報のバナーに使う、店舗はマカロンが目立つ写真にする）など、ビジュアルから伝わる情報に一貫性を持つことも意識されるとよいでしょう。
受賞者からのコメント
最優秀賞を頂きありがとうございます。 まだまだデザインに慣れない中での作成だったので、入賞に驚くと同時にとても嬉しかったです。
これからもデザインの幅を広げるために、ソフトの操作スキルやデザインの知識向上に向けて、一層頑張りたいと思います。
コードキャンプスタッフの皆様、デザイナーの先生方、このようなコンテストの機会を頂きありがとうございました。
斎藤 加苗 さん
デザインマスターコース
審査員からのコメント
美味しそうなスイーツの写真が目を惹きますね。シンプルですがロゴも目立つので良いメインビジュアルになっています。色数を押さえて、写真を引き立たせるデザインもうまくはまっていますね。
ピンク味のあるグレイッシュカラーのセレクトなど、配色もよく考えてありますし、オーナーのサインで信頼感を高めるなど、提案内容にも戦略的で説得力がありました。
おすすめ商品のフォント変更については、日本語の文字くらいに小さく入る（VIEW ITEMなど）場合は可読性重視でゴシック体でも良いと思いますが、中見出しと同じくらいの大きさでさらに連続してしまうと、デザインの統一感が損なわれる可能性があります。
また、写真に載せた文字は可読性を高める工夫をするとなおよいでしょう。
森山 渚 さん
デザインマスターコース
審査員からのコメント
全体的にブランドイメージである「有名なパティシエ」が主宰するサイトのリニューアル案にふさわしい高級感が出ています。
タイポグラフィの青と赤の国旗をイメージされたラインや新着情報の写真のラインも、他にはないデザインですね。個性が出ていると思います。
また写真の背景は斜めに区切り、色を配置し、その線が、店舗情報の写真に沿っているところも素敵ですね。
おすすめ商品が、真上からの構図や横からの構図で、写真の視点が異なります。新着情報のように写真の視点を合わせると統一感が出てまとまりが出てきますよ^^
受賞者からのコメント
受賞者からのコメント
優秀賞をいただき、誠にありがとうございます。
大変嬉しく思います。
細部にわたっていただいたフィードバックは、とても勉強になりました。
ひとつひとつデザインの意味を振り返り、今後も自己研鑽に励んでまいります。 この度は本当にありがとうございました。
この度は前回に続き3位入賞という評価をいただき、大変嬉しく感じております。
今回は洗練された高級感のあるイメージやお菓子作りへの丁寧な向き合い方を表現するための配色やあしらいにこだわってデザインしましたので、 その点を評価いただけたことは大変励みとなりました。
今後もいただいたアドバイスを参考にさせていただき、より良いデザインを生み出していけるよう精進して参ります。
斎藤 加苗 さん
Webデザインコース
審査員からのコメント
いいですね！とてもいいです。コンセプトにもあるように、感謝とスタッフの絆が感じられます。ヒーローイメージに内側余白をからのラインを引くことで、さらに輪を感じさせるイメージになっています。
色彩計画もデザインカンプで使われているベースカラーとアクセントカラーを使いサイトとの一体感が出ています。
サイトがフラットなイメージなので、グラデーションやドロップシャドウを使うことなくフォントや「形」で表現しているタイトルなどもとても秀逸です。日付もコピーの下に配置しているところも正解です。
受賞者からのコメント
最優秀賞をいただき、誠にありがとうございます。 ご連絡をいただいた時は、驚きと喜びで胸がいっぱいになりました。
同時に、作品を評価していただいたことが自信にも繋がり、 一層多くの知識を吸収していきたいと思うようになりました。
今後もお客様が求めているものを形にできるデザイナーを目指し、精進してまいります。 この度は本当にありがとうございました。
福元 早代 さん
Webデザインコース
審査員からのコメント
10周年ということで、過去のさまざまなシーンを切り取った演出は秀逸ですね。アットホームであったり、お客様を大切に考えている店舗のイメージが伝わります。
メインとなる写真も内側に枠を入れトーンを変えているところも綺麗な仕上がりになっています。
またスマートフォンでは、メイン写真の横に列数を変えてシーンの写真を並べる工夫が成功しています。素敵です。
受賞者からのコメント
入賞のお知らせをいただき、とても驚きました。 まだまだ経験値が低く、自信もあまり持ててない中で、自分なりに「伝わるデザイン」「求められているデザイン」を考え、試行錯誤しながら一生懸命作成したものなので、それを評価していただけたことが本当に嬉しいです。 細かい部分まで見ていただき、具体的にフィードバックいただけたので勉強になりました。 今回の賞を励みに今後も努力していきたいと思います。貴重な機会をいただきありがとうございました。
森山 渚 さん
Webデザインコース
審査員からのコメント
鮮やかな色使いにはっとしますね。目を引くという意味合いでは良いデザインになっています。
ロゴ周りのデザインも、曲線より直線的、可愛く飾るよりシンプルな方が、より違和感がなくなります。日付のアクセントカラーは効いていません（お花のオレンジがアクセントになっている）のでシンプルに同色にしましょう。
トーン＆マナーを守ることを意識し、これからもより良いデザインを追求していってくださいね。
受賞者からのコメント
このような機会に審査いただいてフィードバックを頂いたこと、入賞に選んでいただいたことに感激しております。この度はこのような賞をいただき、本当に有難うございました。
今後も良いデザインを生み出していけるよう邁進して参ります。
何卒宜しくお願いいたします。
犬飼 ひとみ さん
Webデザインコース
審査員からのコメント
全体的にデザイン性が高く、細かい装飾も強調のバランスもとれており素晴らしいと思います！特に開催日程の丸背景や横書き／縦書きを組み合わせているところは読みやすい上に目に入ってきやすく、とても良いですね！また、それぞれのエリアで異なった装飾をしており、デザインに気を使っている感じが伝わって来るよい作品だと思います。
受賞者からのコメント
まさか自分の作品が選ばれると思っていなかったのでとてもびっくりしました。 自分のイメージしたものを作品に落とし込むことができたので、それを評価いただけたことが嬉しく、また自信にも繋がりました。 まだデザイナーとしての実績はありませんが、今後も更に勉強を続けてデザイナーとして活動できるよう努めたいです。ありがとうございました！
栗栖 祐里 さん
Webデザインコース
.jpg)
審査員からのコメント
設立の理念を取り入れた「グローバル」「IT」のイメージ喚起は、全体的な印象から成功しています！色も大学バナーらしい青色とアクセントカラーのオレンジで目をひきます。 各行・各パーツごとに文字サイズを変え、コントラストがよく出ています。
受賞者からのコメント
記念すべき第1回にこのような賞を受賞でき、とても光栄です！ 受賞の知らせを受けて、自分のデザインに少し自信を持つことができました。（まだまだ未熟ではありますが…） 今後も「伝わるデザイン」を意識しながら、アウトプットを重ねていきます。次回以降のデザイナーズアワードも参加したいです！ お忙しい中審査・講評くださったデザイナーの先生方、ありがとうございました。
吉田 晴輝 さん
Webデザインコース
審査員からのコメント
カラフルな三角形をランダムに散らばせたことでポップさがあり、「楽しさ」を感じさせることのできる良いデザインになっていますね。ドットを混じらせているのもよいアクセントになっていると思います！タイトルのグラデーションも各所で使っている色との相性もよく、綺麗だと思います。
受賞者からのコメント
この度はこのような機会を下さり、ありがとうございました。 はじめて、この様な賞を戴けたので嬉しさでいっぱいです。コードキャンプさんはコース卒業後も色んな企画を開催して下さるので感謝しております。 この賞を糧として、活躍できるように精進していきます。