Shiteitoudan2015 kamio

2,631 views

Published on

師弟登壇2015に登壇したときの資料です。

Published in: Education
0 Comments
3 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
2,631
On SlideShare
0
From Embeds
0
Number of Embeds
1,209
Actions
Shares
0
Downloads
7
Comments
0
Likes
3
Embeds 0
No embeds

No notes for slide

Shiteitoudan2015 kamio

  1. 1. 新米デザイナになるまで 師弟登壇2015 GMOペパボ株式会社 ¦ 神尾 千波
  2. 2. 神尾 千波 ちーちゃん ¦ JUGEM Designer
  3. 3. @chinu_t http://chinami266.jugem.jp/
  4. 4. 作ることが好き ペパボが好き
  5. 5. だからペパボのデザイナになりました!
  6. 6. 2015年度新卒デザイナ ちーちゃん @chinu_t おさつ @osatsu_032
  7. 7. 充実の講師陣 モハゑさん @moha_ariyoshi まじじさん @shirtskirt 咲さん @satosio デミさん @demiflare168 しょこさん @chocolatina メンター メンター ご意見番 ご意見番 ご意見番
  8. 8. デザイナ研修の流れ 6月 7月 8月 9月 10月 カラーミーショップ 30days Album 「誰のためのデザイン?」読書会 HTML/CSS/Ruby on Rails講座
  9. 9. ネットでお店を開きたい方を支援する、ネットショップ運営サービス http://shop-pro.jp/
  10. 10. 「カラーミーショップの リスティング広告用の バナーを作成してください」
  11. 11. 「自由に作っていいですよ!」
  12. 12. ということで、
  13. 13. 自由に作ってみました!
  14. 14. まずは案出し
  15. 15. 「はじめの一歩」案 ネットショップ店長になって、はじめの一歩を踏み出そう!
  16. 16. カラーミーショップっぽくないので、没に
  17. 17. 「ビッグドリーム掴もう」案 ネットショップを開いて、ビッグドリームを掴もう!
  18. 18. ネットショップは宝くじじゃないので没に
  19. 19. 「何考えてたかさっぱり分からない」案 自分でも分かりませんでした。
  20. 20. ことごとく没に。
  21. 21. 最終的に、
  22. 22. ネットショップを無料で始めて、ここまで大きくなりました! というストーリー仕立てに
  23. 23. 案を元にデザイン作成
  24. 24. 最初に出した案が、
  25. 25. 文字多い!
  26. 26. 色の迷走
  27. 27. レイアウトも苦戦
  28. 28. 自由に作っていても、
 中々上手くいかない。
  29. 29. どうしてだろう?
  30. 30. メンターから、
  31. 31. 「デザインには全て、意味がある」
  32. 32. 意味のあるデザイン って、何だろう?
  33. 33. モヤモヤを抱えたまま、 カラーミーショップでの 研修は終了
  34. 34. 大切な思い出を預かってくれる写真共有サービス http://30d.jp/
  35. 35. キャンペーンバナーを作っていたとき
  36. 36. ロゴは2パターン
  37. 37. どれもロゴは縦で見せるものを使用
  38. 38. 文字として読ませないようにしている
  39. 39. ロゴの向きひとつで、 意味が大きく変わる!
  40. 40. デザインの意味って、
 こういうことか!
  41. 41. サンプルアルバムページの改修
  42. 42. アルバムのサンプルが見られるページ
  43. 43. 目に入ってきやすいのは、
  44. 44. 目に付く所をクリックすると、
  45. 45. 合言葉の入力を求められる
  46. 46. あ、合言葉って、なんだ…!?
  47. 47. 実は先ほどのページに、
  48. 48. 合い言葉が書かれていた!
  49. 49. 合い言葉がアルバムのパスワード代わりに
  50. 50. このページの問題点として、
  51. 51. • 合い言葉を入力してアルバムを見る
 ということに気づかない • 合い言葉が目に入ってこない
  52. 52. 結果、ページの離脱に繋がっていた
  53. 53. 合い言葉 という存在を知らせる役割
  54. 54. 合い言葉 が前よりも目立つ位置へ
  55. 55. 合い言葉 の案内をボタンにも加えた
  56. 56. 写真の幅を広くとることで、 使用シーンが想起しやすいように
  57. 57. 自分で考え、提案して デザイン出来るように!
  58. 58. 最初は自分のデザインに関して、
  59. 59. なんとなく で作っていたので、 良さそう かわいい 好き
  60. 60. 自信を持って説明出来なかった 良さそう? かわいい? 好き?
  61. 61. 当然、誰にも伝わらないデザインばかり ? ? ?
  62. 62. 「自由に作っていいよ!」と言われても
  63. 63. 考えなし に作ってはいけない!
  64. 64. 例えば とあるお花屋さんのバナーを作るとき
  65. 65. 考えなしに作る 花屋だし…
  66. 66. 考えなしに作る お花いっぱい散りばめとこ! ●●花屋
  67. 67. ちゃんと考えて作る お花屋さんの アピールポイントは 商品が安いところ
  68. 68. ちゃんと考えて作る お花屋さんの アピールポイントは 商品が安いところ 安いけど花の品質は 悪くない!
  69. 69. ちゃんと考えて作る お花屋さんの アピールポイントは 商品が安いところ 安いけど花の品質は 悪くない! なら花を綺麗に 見せたらどうか?
  70. 70. ちゃんと考えて作る プチプラ! 素敵なお花 ●●花屋 色々な点を考慮したデザイン
  71. 71. ちゃんと考えることで、 根拠 のある提案が出来る!
  72. 72. ちゃんと考えることで、 根拠 のある提案が出来る! 説得力も倍増!
  73. 73. まとめ
  74. 74. • 考えなしに作らない • 考えて、デザインに 根拠 を作る • 根拠 があると、説得力のあるデザインになる

×