Cafe Shoptool
wan cafe ロゴ・ＤＭ・カード
|
|
| 課題内容 |
新しくオープンするドッグカフェのショップコンセプト提案 ロゴマーク及びロゴタイプ、オープンはがき、名刺の制作 |
| 構成内容 |
開店日時：令和3年2月26日(金)10:00～ 住所：名古屋市天白区植田本町1-111 名刺：肩書はオーナーもしくは店長 |
| 仕様 | オープンはがき（W100㎜×H148mm） 表4C・裏1Cブラック 名刺（W91㎜×H55mm） 両面4C・角丸加工 |
| ターゲット | 犬を飼っている家族連れ 動物に関心がある人 |
| デザイン内容 | 年齢・性別などを問わず、広く受け入れられるような親しみのあるデザインにしました。 犬のイラストやロゴの文字はiPadで手描きし制作しています。 手描きすることで、全体的にナチュラルな雰囲気に仕上げました。 |
| 制作時間 | 20時間 |
| 仕様ツール |
Illustrator CS5（構成・イラスト調整） Photoshop CS5（写真調整） ipad pro（イラスト・ロゴ下書き） |
| ひとこと | ターゲットやコンセプトを考えながらの制作は楽しかったです。 イラストも可愛すぎず趣味にかたよりすぎないよう考えてデザインしました。 |
|
|
spring banner
新生活応援バナーデザイン |
|
| 課題内容 | 生活館Livinza様の既存バナー「新生活応援」デザイン提案 |
| 構成内容 | 思わずクリックしたくなるようなバナー テキストや写真は自由 |
| 仕様 | バナーサイズ W140px×H160px W640px×H400px |
| ターゲット | 10～20代の新社会人 転勤や転職などで春から新天地で働く人 |
| デザイン内容 | 新生活の家具選びで、キッチンツールやインテリアまでいろいろ揃うということを散りばめた写真で表現しました。 イラストもゼロから制作し、新社会人へ「自分のこと」として見てもらえるようアピールしています。 配色はありきたりかと迷いましたが、春なのでわかりやすくピンクをチョイスしました。 |
| 制作時間 | 18時間 |
| 仕様ツール |
Illustrator CS5（構成・イラスト作成） Photoshop CS5（写真調整） |
| ひとこと | 実際にある店舗のバナーデザインということで、画面の向こうのお客様を意識しながら制作しました。楽天市場という土俵の中で、いかにクリックしてもらえるか考えながらデザインしています。 |
desk banner
特集企画提案・バナーデザイン |
|
| 課題内容 | 新規特集の提案・バナーデザイン提案 市場調査及び他社動向比較等の裏付け資料を用意 |
| 構成内容 | 思わずクリックしたくなるようなバナー テキストや写真は自由 |
| 仕様 |
W140px×H160px W640px×H400px |
| ターゲット | コロナ禍の中、リモートワークになった人 個人事業をはじめた人 |
| デザイン内容 | おしゃれで小さめ、なおかつ幅をとらない机が多数あるということをイラストや写真で知らせています。 「快適」というワードを「これなら置けそう」「これなら気持ちよく仕事できそう」という想像をしてもらえるよう配置しました。 女性的になりすぎず、シンプルな絵、シンプルなオブジェクトを配置することで、男女問わず訴求しています。 |
| 制作時間 | 10時間 |
| 仕様ツール |
Illustrator CS5（構成・イラスト調整） Photoshop CS5（写真調整） ipad pro（イラスト制作） |
| ひとこと | ゆるいイラストを描くのが楽しかったです。実は下描きの絵でしたが、そのまま配置したらいい感じになりました。小さいほうのバナーのほうが配置が難しかったです。 |
|
|
cafe site
新規オープンカフェwebサイト制作 |
|
| 課題内容 | 新規オープンするカフェのWebサイトのデザインとコーディング |
| 構成内容 | 一番の目的は、店の知名度を上げて集客につなげること 地域の人たちが気軽に利用できるお店であることをアピールしたい 顧客を限定するような極端に個性的・先鋭的なものは望まない |
| 仕様 | トップページ＋下層3ページ 幅1280pxのブラウザで違和感なく閲覧できるサイズにすること |
| ターゲット | 植田に住む地元の人たち |
| デザイン内容 | 植田という閑静な街に似合う、今風ではなく少し落ち着いたサイトデザインにしました。 どんなメニューがあるのか伝わるよう、写真が多めです。 項目ごとにイメージしてもらいやすいよう、挿絵も描いています。 ロゴマークは熟していくコーヒー豆をデザインしあしらいました。 |
| 制作時間 | 40時間 |
| 仕様ツール |
Illustrator CS5（構成・イラスト調整） Photoshop CS5（写真調整） ipad pro（イラスト制作） Brackets（コーディング） |
| ひとこと | 初めてデザインからコーディングまで制作しました。コーディングがとても苦手で苦しみながら制作した記憶があります。仲間にものすごく助けて頂きました。きちんと4ページ仕上がったときは嬉しかったです。 |
|
|
school site
学校webサイト制作 |
|
| 課題内容 | 中学校のサイトリニューアルデザイン提案・制作 |
| 構成内容 | 実際にある母校のwebサイトを参考にリニューアルデザイン提案 キャッチコピーも提案 問題点や改善点を洗い出し、webサイト制作 |
| 仕様 | トップページ＋下層3ページ レスポンシブ（トップページのみ） |
| ターゲット | 中学校に通う生徒とその家族 中学校に入学を検討している人 |
| デザイン内容 | メインビジュアルにスライドショーを配置し、雰囲気をわかりやすくしました。 配色はベースにすっきりした青、ポイントカラーでマゼンタを入れて学校らしくさわやかなテイストにしています。 校長挨拶、校歌、行事ごとの写真など多めに入れてどんな学校か伝わるよう制作しました。 |
| 制作時間 | 40時間 |
| 仕様ツール |
Illustrator CS5（構成・イラスト制作） Photoshop CS5（写真調整） ipad pro（イラスト下描き） Brackets（コーディング） |
| ひとこと | ちょっとだけコーディングに馴れてきて苦しかったですが、楽しみながら制作できました。アニメーションを入れてみたり、生意気にもjavaやqueryに挑戦しています。レスポンシブを全ページできなかったのが心残りです。 |
|
|
ABOUT
いけだのりこ
趣味：フラダンス、狩猟
好き：絵、海、魚、生肉
人生初めての職業訓練、コロナの中ヒヤヒヤでしたが、4ヶ月のあいだwebデザインと
コーディング、Photoshop、Illustratorの基礎を学ばせていただきました。
もともとデザイン・イラスト・印刷の仕事を16年勤めた後の職業訓練でしたが、新しい
発見がとても多く本当に勉強になることばかりでした。
webデザインに関してはコーディングが苦手なままでしたが、終盤の方は苦しいながらも
楽しく取り組むことができました。
優しい先生方や、クラスのみんなのおかげで実のある学習や楽しい時間を送れました。
本当にありがとうございました。
これからも初心を忘れず「しんか」していきます！