毎日マスクで登校し、タスク(課題)に追われる4か月間でした。訓練を受ける前と今で一番変わったのは、街で見かける色んな看板やポスター、ウェブサイトを、制作側の立場から見るようになり、よりおもしろく感じられるようになったことです。人をワクワクさせるデザインを作る人は本当に素晴らしいと思います。自分も、『見て楽しい』の精神で課題制作に取り組んだので、それを感じてもらえるとうれしいです。

バナー制作

色合いやフォント選びに時間がかかり、
とにかく色んなバナーデザインを参考にしまくりました。

セールバナー セールバナーレクタングル セールバナーワイドスカイスクレイパー
課題名 赤ちゃん用品のセールバナー
課題内容
  • 12月のセール用バナー作成。
  • どの分野のセールかとセール期間は各自で決める。
  • 『最大50%オフ』の文言とセール期間を記載する。
ペルソナ設定
  • 2歳ぐらいまでの子どもを持つ30代夫婦、またその両親。
  • 経済的にそこそこ安定しており、質のいいものを好む。
  • 子どもへはプラスチックのおもちゃよりも手作りの木のおもちゃを買いたいタイプ。
  • 誕生日や季節のイベントは派手にはしないが、ささやかに楽しむ。
  • SNSヘビーユーザーではないがたまに投稿するし何が流行っているかは気にしている。
制作意図

やわらかく落ち着いた印象を与えるため、ベースカラーにクリーム色を、他の配色も淡い色を採用した。
安っぽくならないようにあえて要素のジャンプ率は控えめにし、代わりに手描き風吹き出しで要素を目立たせ、ぬくもりと親しみやすさを表現した。
また、クリスマスアイテムのイラストを背景に散りばめ、クリスマスに向けてのワクワク感を演出した。
さらに、ハッシュタグ『#ベビークリスマス』をつけて赤ちゃんとのクリスマスの思い出をSNSでシェアしてもらい、みんなで楽しもうというメッセージを込めた。
ジャンプ先の本サイトでは、それらの投稿を誰でも見ることができる前提としており、それにより当サイトでの商品購買意欲を高めることを目的としている。

コメント

癒されたかったので分野をペットか赤ちゃんかで迷い、赤ちゃんの方でビビッときた素材写真を見つけたので素材写真から入った。
ラフはすぐできたが、物足りなさすぎずうるさくなりすぎない、ちょうどいいほっこり感とかわいらしさで仕上げるのに試行錯誤した。

制作時間 2020年11月 構想3時間 デザイン6時間
制作環境 Windows10 / Illustrator CS5 PhotoshopCS5
マンションバナー マンションバナーレクタングル マンションバナーワイドスカイスクレイパー
課題名 マンションバナー
課題内容
  • 緑豊かな立地にある高級マンションのバナー
  • ターゲットは経済的に余裕のある共働き夫婦、もしくは定年退職した悠々自適な夫婦
  • 下記情報を記載する。
    名称:グランドワーズみずの坂
    販売価格:3LDK(90.45m2)4,780万円より
    建物規模:全邸南向き
    売主:株式会社ワーズ
ペルソナ設定
  • 早期退職した夫と専業主婦の妻の60代前半夫婦。
  • 経済的には豊かだがそれをひけらかさない上品さを持つ。
  • 夫の趣味はギターとレコード収集(ブラジル音楽が好き)、妻の趣味はサルサダンスと観葉植物、共通で旅行と映画鑑賞。
  • 子ども2人は既婚で孫が3人おり、遠くない場所に住んでいる。
  • 保護施設から引き取った猫2匹と暮らしている。
制作意図

「上質なゆとり」というコンセプトを最初に設定し全体の構想を始めた。
日中の緑の豊かさや明るさと夜の落ち着き2種類のゆとりを伝えたく、配布された素材の中からこの2枚の写真を選んだ。写真に黒の透過を乗せることによって写真の面積を減らすことなくキャッチコピーを強調した。
植物や猫のための日当たりを重要視するターゲットに向け、「全邸南向き」を透過の白丸と他とは違う色の文字でアピール。
「みずの坂」駅を治安が良い高級住宅街の最寄りのブランド駅という前提で駅名のジャンプ率を他情報より高くしている。普段は車移動だが旅行など電車移動の際も荷物を持って無理なく歩ける時間を強調。

コメント

配布された素材からの写真選びと加工に苦労した。また、3つの中でも文字の情報量が多いため限られたスペースにどう配置するかを悩んだ。
高級感を感じさせるデザインに悩み中、休み時間に食べていた明治の『チョコレート効果カカオ72%』のパッケージからデザインのアイデアを得た。

制作時間 2020年11月 構想3時間 デザイン12時間
制作環境 Windows10 / Illustrator CS5 PhotoshopCS5
WASバナー WASバナーレクタングル WASバナーワイドスカイスクレイパー
課題名 WASバナー
課題内容
  • WASパソコンマルチメディアスクールのバナー。
  • デザイナーになりたい人にクリックしてもらえるバナー。
  • このバナーをクリックしたらデザイナーの道が開けるかも。と、思えるキャッチコピーを考える。
ペルソナ設定
  • 仕事に直結するこれといった技術や能力を持たず、手に職をつけたいと思っている20代~30代
  • 今までデザインに携わってこなかったが、「デザイン」というワードになんとなく憧れを持っている。
  • CMやポスター、フライヤーでグッとくるデザインがあると見入ってしまう。
制作意図

現在の「なんだかな~な人生」から学校を経て「デザインに携わる新しい人生」になるという意味で、希望が持てるようなキャッチコピーを初めに設定した。
一般的なバナーのほとんどはスルーされていると感じるため、あえてバナーというよりもポスター的なデザインにして情報量をそぎ落とし、まずは「なんだろう?」と思わせ、目に留めてもらうことを意識した。大々的なキャッチコピーとビビッドな配色を採用することで、クリックした先のページにも楽しいことがありそう、というワクワク感を演出した。
当初、キャッチコピーは水平に配置していたが、斜めにすることでさらに遊び心を感じさせることを意識した。また、学校名も印象づけるため、学校ロゴにも「ゼロからプロへ」という新たな企業キャッチコピーを設定した。

コメント

3つの中で一番最初に『文字を真ん中にドーンと配置』というラフデザインのアイデアが浮かんだ。シンプルなので手抜き感が出ないよう、細部の文字間隔にこだわった。3つの中で一番お気に入りかつ自分らしいデザイン。

制作時間 2020年11月 構想1時間 デザイン3時間
制作環境 Windows10 / Illustrator CS5 PhotoshopCS5

学校サイト

シンプルにまとまりました。

学校サイトトップ画像
課題名 学校サイトリニューアル制作
課題内容
  • 小学校か中学校の母校サイトの現状分析と問題点を書き出し、解決策を提案する。
  • 見やすさ、管理のしやすさを重視する。
  • ヘッダーロゴ、グローバルナビ、メインビジュアル、キャッチコピー、その他必要と思う要素で構成する。
  • 架空サイト表示の文言を必ず入れる。
既存サイトの問題点
  • 文字の羅列が目立ち、欲しい情報がどこにあるのかがわかりづらい
  • トップページのせっかくの写真も加工具合が地味を通りこして不気味
  • 写真付きブログをアップしているのにトップページにサムネイル画像がなく、雰囲気が伝わらず、見てみようという気にならない。
ペルソナ設定
  • 通う小学生の生徒の親、祖父母、近所の住民。
  • 家とは違う学校での子どもの様子が気になる。
  • 緊急時など安全についての学校の施策が気になる。
制作意図

問題点をふまえ、操作性が良く見て楽しい、定期的に見たくなるようなサイトづくりを心掛けた。
学校で生徒がいきいきと過ごす様子が伝わりやすいように、元気さが見える写真を選びスライドショーで表示させた。
トップページには最重要である生徒の安全や安心に関わる事項をコンテンツエリア最上部にバナーで大きく配置した。学校での生徒の様子がわかりやすい、写真付きブログをサムネイルで表示させた。

コメント

初めてのサイトデザインで全くデザイン案が浮かばず、焦ってラフすぎるラフデザインのまま無理やり進める。(ラフデザインって名前のくせに全然あいまいじゃだめ!)
講師の方たちに「自分がコーディングできるデザインをしてね」と言われるも、自分のコーディング力すらわからず呆然としていた。
でも、作業を進めるうちに、苦手意識しかなかったコーディングがわかり始めてきて「楽しいかも?」と思えてきた思い出。
同時に「楽しいかも?」と出来るかどうかは別ということもわかる。
架空の設定を考えるのが楽しすぎて、ついついそっちに夢中になってしまったが、作品としてはかわいらしくシンプルにまとめられたので満足している。

制作時間 2020年11月 構想3時間 デザイン10時間 コーディング40時間
制作環境 Windows10 / Illustrator CS5 PhotoshopCS5

カフェサイト

このカフェ行きたい。

カフェサイトトップ画像
課題名 新規カフェサイト制作
課題内容
  • 新規オープンのカフェのサイトを制作する。
  • 一番の目的は、店の知名度を上げて集客につなげること。
  • 店舗は駅からも繁華街からも離れた住宅街に新しくオープンする。
  • 初めてサイトを見にきた人が見やすく、迷わないデザイン。
  • 地域の人が気兼ねなくお店に行ってみたくなるような雰囲気にしたい。
  • ユーザーを限定するような極端に個性的・先鋭的なものは避ける。
ペルソナ設定
  • メインターゲットは、近所に住む平均的生活水準のファミリーの20代~40代主婦層で、Instagramを主流にSNSで気になる情報を日常的にチェックし、積極的に発信もするタイプ。
  • 友人とのランチやお茶でカフェや喫茶店を利用する際、事前に必ずその店をググる。
  • 都会でもない場所で知名度を上げるには口コミやSNSが最適、まずは女性に話題にしてもらうことで必ずその他の客層からの興味へ波及すると考えた。
制作意図

ファーストビューの画面をしっかりと見てもらうためあえて情報量を削り、店名とSNSアイコンと写真のスライドショーのみを配置した。オープン日が少し遅れて下からふわっとフェードインすることで、オープン日を印象づけ映画の予告を観ているようなワクワク感の演出を狙った。
下矢印をクリックすると自動スクロールで「ごあいさつ」へ進むと同時に、グローバルナビが上から出現し各ページにもとべる仕様とした。
全体的にシンプルな構成のため、キーカラーでオレンジを入れることによりポップさや楽しさ、明るさを意識するとともに、スクロールと同時にフェードインする動きをつけることで味気無くならないよう工夫した。

コメント

作っていて一番楽しかったのはこの課題。特にトップページのファーストビューがお気に入り。先生にダメと言われていたのにまんまと要素に動きをつけることに夢中になり、レスポンシブにまで手が回らなかったのが残念だが、少し動きがつくだけで印象が大きく変わることと、紙のデザインではできないウェブならではのデザインのおもしろさを知ることができた。作っているうちにめっちゃ愛着が湧いてきたこのカフェ。行きたいな~。

制作時間 2020年12月 構想5時間 デザイン5時間 コーディング40時間
制作環境 Windows10 / Illustrator CS5 PhotoshopCS5
© 2020 Webマーケティングデザイナー養成科 第22期生 生徒作品