第8回「サイトデザインリニューアル」課題講評を行いました - CodeCamp Design Review
CodeCampでデザイナー向け教務を担当する井上です。
CodeCampでは受講生支援として、デザインコンテスト「CodeCamp Design Review」を毎月開催し、現場での実務を想定したデザイン課題に取り組んでいただいています。
第8回の課題は「サイトデザインリニューアル」です。
今回もCodeCampでレッスンを行う講師の方が、アートディレクターとして改善提案を行います。
再検討すべき箇所や、新しい可能性を模索する試みに取り組んでいます。
※講評は評者の知見を元にした主観を含みます
※課題に登場する企業・団体は架空のものです
講評者：堤美沙 講師
高校の授業でHTMLに触れた事をきっかけにサイトデザインを開始。
デザインを学んだのち、3社のWeb制作会社に勤務。
Webデザインからコーディング、印刷物やイラストレーションまで幅広く対応。
CodeCampデザイン系コース講師として、以下のカリキュラムを担当。
Photoshop
Illustrator
バナーデザイン
副業実践
ポートフォリオ（PDF）
ポートフォリオ（Webサイト）
制作要件
企業名
株式会社Aurora Beauty Lab
所在地
〒141-6090 東京都品川区大崎0-1-1 SSビル50階
代表者
河戸 華子
従業員数
321名
資本金
10,000万円
企業の特徴
化粧品・医薬品の製造販売及び施術の提供
ターゲット層
全年齢の美容に関心の高い女性
要件
採用サイトにアクセスは多いものの、離脱率が高く、応募が少ない状態
魅力的なサイトに見えないのが原因だと考える
全く別のデザインにリニューアルしてほしい（PCのみ）
商品・サービス画像は変更しないでほしい、ただしそれ以外は現状の素材を流用、新たに選択のどちらでもよい
テキスト原稿は変更不可
出題意図
依頼主はサイトの完全リニューアルを希望しているため、現状（に近しいデザインにならないよう注意が必要となります。
完成後、現状よりデザインクオリティが落ちていないか、自身のデザインと並べて比較、第三者の視点でシビアに批評することが重要です。
Webサイト制作では基本的に色や高さに制限がなく、様々なデザインを取り入れることができます。コンセプトやターゲットによっては、流行も知っておく必要があります。
沢山の表現方法から最適なものを見つけ、スクロールした際にも違和感なくサイトを見ることができるよう制作を進めるのがポイントです。
第8回 応募作品一覧
1.受講生ID：66550さんの作品
テキストにもある「情熱」や美容関係から連想されるエレガントさが伝わるよう工夫されています。
個々のあしらいは充分なのですが、印象が強くなりすぎている箇所もあるので、足し算だけでなく引き算も意識できると良いですね。
フィードバック
改善提案
2.受講生ID：64730さんの作品
全体的に流行に沿ったデザインとなっており完成度が高いです。
背景の光を感じるグラデーションが美しく、ポジティブな印象を与えています。
見出しのあしらいや画像の選定も違和感がなく、一部のブラッシュアップでより良くなりそうです。
フィードバック
改善提案
総括
どちらも既存サイトをより良くするための工夫がみられる作品です。
ニュアンスカラーやグラデーション、充分な余白といった昨今のデザインの流行や主流も取り入れられています。
長いページではトンマナにブレが生じてしまうこともあるのですが、各自しっかりとコンセプトが設定されているのでブレや矛盾なくデザインされていると感じました。
画像の選定は競合サイト等を参考に、テーマに合うものを使用できると良いですね。
どんなターゲットに届けるか、デザインの足し算・引き算も意識して、全体的なブラッシュアップをしていきましょう。
「初めてのWebデザイン副業コース」のご紹介
CodeCampのデザイン系講座は、「Web制作現場必要となる学習のみ提供する」をポリシーとする、無駄なく最短距離で目標に辿り着くための、実践的なカリキュラム構成となっています。
Webデザイナーへのイメージが湧いた方は弊社の無料カウンセリングをご利用いただき、ぜひ不安や不明点を払拭してください。