新米デザイナになるまで師弟登壇2015

GMOペパボ株式会社 | 神尾 千波

神尾 千波ちーちゃん | JUGEM Designer

@chinu_thttp://chinami266.jugem.jp/

作ることが好き ペパボが好き

だからペパボのデザイナになりました！

2015年度新卒デザイナ

ちーちゃん @chinu_t

おさつ @osatsu_032

充実の講師陣

モハゑさん @moha_ariyoshi

まじじさん @shirtskirt

咲さん @satosio

デミさん @demiflare168

しょこさん @chocolatina

メンター メンター

ご意見番 ご意見番 ご意見番

デザイナ研修の流れ

6月 7月 8月 9月 10月

カラーミーショップ

30days Album

「誰のためのデザイン？」読書会

HTML/CSS/Ruby on Rails講座

ネットでお店を開きたい方を支援する、ネットショップ運営サービスhttp://shop-pro.jp/

「カラーミーショップの リスティング広告用の

バナーを作成してください」

「自由に作っていいですよ！」

ということで、

自由に作ってみました！

まずは案出し

「はじめの一歩」案ネットショップ店長になって、はじめの一歩を踏み出そう！

カラーミーショップっぽくないので、没に

「ビッグドリーム掴もう」案ネットショップを開いて、ビッグドリームを掴もう！

ネットショップは宝くじじゃないので没に

「何考えてたかさっぱり分からない」案自分でも分かりませんでした。

ことごとく没に。

最終的に、

ネットショップを無料で始めて、ここまで大きくなりました！ というストーリー仕立てに

案を元にデザイン作成

最初に出した案が、

文字多い！

色の迷走

レイアウトも苦戦

自由に作っていても、中々上手くいかない。

どうしてだろう？

メンターから、

「デザインには全て、意味がある」

“意味のあるデザイン”って、何だろう？

モヤモヤを抱えたまま、 カラーミーショップでの

研修は終了

大切な思い出を預かってくれる写真共有サービスhttp://30d.jp/

キャンペーンバナーを作っていたとき

ロゴは２パターン

どれもロゴは縦で見せるものを使用

文字として読ませないようにしている

ロゴの向きひとつで、 意味が大きく変わる！

デザインの意味って、 こういうことか！

サンプルアルバムページの改修

アルバムのサンプルが見られるページ

目に入ってきやすいのは、

目に付く所をクリックすると、

合言葉の入力を求められる

あ、合言葉って、なんだ…！？

実は先ほどのページに、

合い言葉が書かれていた！

合い言葉がアルバムのパスワード代わりに

このページの問題点として、

• 合い言葉を入力してアルバムを見るということに気づかない

• 合い言葉が目に入ってこない

結果、ページの離脱に繋がっていた

“合い言葉”という存在を知らせる役割

“合い言葉”が前よりも目立つ位置へ

“合い言葉”の案内をボタンにも加えた

写真の幅を広くとることで、 使用シーンが想起しやすいように

自分で考え、提案して デザイン出来るように！

最初は自分のデザインに関して、

“なんとなく”で作っていたので、

良さそう かわいい 好き

自信を持って説明出来なかった

良さそう？ かわいい？ 好き？

当然、誰にも伝わらないデザインばかり

？ ？ ？

「自由に作っていいよ！」と言われても

“考えなし”に作ってはいけない！

例えば とあるお花屋さんのバナーを作るとき

考えなしに作る

花屋だし…

考えなしに作る

お花いっぱい散りばめとこ！

●●花屋

ちゃんと考えて作る

お花屋さんの アピールポイントは 商品が安いところ

ちゃんと考えて作る

お花屋さんの アピールポイントは 商品が安いところ

安いけど花の品質は 悪くない！

ちゃんと考えて作る

お花屋さんの アピールポイントは 商品が安いところ

安いけど花の品質は 悪くない！ なら花を綺麗に

見せたらどうか？

ちゃんと考えて作る

プチプラ！ 素敵なお花

●●花屋

色々な点を考慮したデザイン

ちゃんと考えることで、 “根拠”のある提案が出来る！

ちゃんと考えることで、 “根拠”のある提案が出来る！

説得力も倍増！

まとめ

• 考えなしに作らない

• 考えて、デザインに “根拠” を作る

• “根拠”があると、説得力のあるデザインになる