2. 10年前、美容師の専門学校の
トップページデザインを
作っていたときの話。
デザイナー Sさんに意見を求めると…
10年前、美容師の専門学校の
トップページデザインを
作っていたときの話。
デザイナー Sさんに意見を求めると…

3. う｜｜｜｜｜｜｜｜｜｜｜｜｜｜｜｜ん
このメインイメージの女の子の写真、もっと
オシャレで美人な方がいいな。
美容専門学校なんだからみんなが憧れる
ような写真じゃなきゃ、だってみんな…

4. この学校に入って
「オシャレでステキ」
になりたいんでしょ？

5. ？！？！
このサイトに来る人は
「おしゃれでステキなりたい」？！
そこまで考えてなかった！！

6. すみだあやか（角田綾佳）
Webデザイン＆イラストレーター
制作会社でのWebデザイナーを経て2006年に
フリーランスに。主にLPやサイトのデザイン、イラ
ストを制作しています。
見積＆請求
自己紹介
10年経っても
日々こんな
感じです
チョコすきなもの きらいなもの
「デザイナーのイラストノート」
というブログやってます。
「デザイナーの仕事って何だろう？
改めて考えてみた2015春」
という記事書きました。
http://in.spicagraph.com/other/design-think/

7. 人の欲求・行動の
コンテキストを考える
その1

8. 人の欲求、行動にはコンテキストがある？
表向きの欲求 表向きの欲求
叶えたい深層 叶えたい深層
髪型
変えたい
・かわいくなりたい
・イメージ変えたい
・友人に自慢したい
・オシャレカフェにいる
私かわいい
パンケーキ
食べたい

9. 10年前の私にはそれがなかった
1. 美容師になりたい
2. よし、専門学校行こう
検索 検索 憧れ資料請求 すてきな写真
わたしのシナリオ デザイナー Sさんのシナリオ
Fin
資料請求
Fin
1. 美容師ってステキ!
2.どうやって美容師になるか調べよう
3. この学校いいな！
ここならステキな美容師になれそう。
コンテキストに応えてる
必要な情報を
渡しただけ

10. 10年経ってどうなった？最近の事例
DMソリューション
LPデザインの場合
ダイレクトメール

11. 案件概要とワイヤーフレーム
・簡単になったぜ！ｶﾞｯﾂﾎﾟｰｽﾞ/
・私たちにおまかせください！ｶﾞｯﾂﾎﾟｰｽﾞ/
ガッツポーズは結果、そこに至るのに
お客さんが叶えたい要望をイメージ化しよう…
ディレクターさんのワイヤーのメインイメージ
・ECなど支払い督促DMの発行代行サービス
・発送業務負担の軽減
・独自のデザインフォーマットで「回収率」を上げる
案件概要
DMソリューション
平均30％以上のコストダウンを実現！！
こんなお悩みありませんか？
リピート率
90%
まずは資料請求
？

12. こうなった
http://www.service-kosaido.jp/dm/

13. デザインのコンセプト
・これまでDM送付で苦労して来た人
・DMが読まれなくて困っていた人
・DMに気がついてもらえる
響いて欲しい層 どうなれば幸せ？
きれいな
デザインも
アピール
お悩みを
イメージ化
数字は
まとめる
ユーザーが
DMに気づき
手に取る
イメージ

14. まとめ
デザインのコンセプトって
「固い」「柔らかい」「さわやかな」「親しみやすい」…
作り手が発信するキーワードだけでは作れないのかも
言葉に出る欲求の裏にある「叶えたいこと」を考えて
デザインで具現化できたら
「自分の求める物があるかも」と感じてもらえる
・どんな方が見られますか？
・見た方にどう感じてもらいたいですか？とにかく聞く
わたしはこうしてます

15. イメージを選ぶとき
気をつけていること
その2

16. 人間は人の顔が大好き
目が合うと、つい「気になる」
これは結構重要
人がいる 人がいない
視線がある 視線がない
or
or

17. 脳は自分の都合の良いように変換する
メッセージ性が強い
ターゲットを絞り込む
感情移入しやすい
ターゲットが広い
明確なイメージ想像の余地があるイメージ
http://videoguard.pt/en/ http://www.studio-yoggy.com/

18. ・この人になりたい
・カリスマ
・憧れ
感じるイメージ
・目が合うので強い印象
・その人が「好きか嫌いか」
になりがち
印象
人がいてこちらを向いている
case
1
http://www.studio-yoggy.com/ http://parkinc.jp/
http://www.snvs.ac.jp/ http://www.samsung.com/jp/promotions/galaxys6/

19. ・カメラを意識しない
・自然
・傍観者
感じるイメージ
・自分に置き換えやすい
・自分の存在に相手が
気づいていない印象で
自然な風景
印象
人はいるが視線がない
case
2
http://www.humavox.com/
http://www.lion.co.jp/ja/
http://pu-pi.com/
http://rose-med.com/

20. ・静寂
・傍観者
・高級
感じるイメージ
・人の存在に印象が
左右されない
・印象を固定しない
印象
人がいない
case
3
http://www.chronoba.com/
http://www.google.com/intl/ja_jp/nexus/6/
http://www.estic-jp.com/
https://www.apple.com/jp/iphone-6/

21. 「かわいい」と言っていただけることのあるこのイラスト
まゆ毛も鼻もない、かなりデフォルメしたテイスト
なるべくイメージを限定しないことで
見ている人「それぞれのかわいさ」に脳内変換してくれる
イラストでも同じこと

22. まとめ
イメージとっても大事！！
「ここにドーンとイメージ入ります！！あ、素材集からでお願いしまーす」
とかとっても困る（探すのめっちゃ時間かかる）
デザインのトレンド、同業他社のデザインを追随する必要はない。
しかし「目が慣れている」というのはある。
「⃝⃝っぽく」感じるというのもやっぱり大事。
誰かに代わって情報を収集することもある。
（幼稚園、介護、母の日…など）
ターゲット＝見ている人という訳ではない。

23. デザインは
誰に向けて？
その3

24. 誰に向けてデザインしているか
サイトを見るのはユーザーさんだけど
管理するのはクライアントさん。どっちも大事( ω )
フリーランスなので、いつも「ちょっとだけ意外性、新鮮さ」
があると良いなと思ってます。
「デザインかっこよくして！」というクライアントさんも否定したくない
必ず何かしら「コンテキスト」があるはず。
（それでモチベーション上がるなら良いじゃない！！）

25. ありがとうございました