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

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

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

この学校に入って

「オシャレでステキ」になりたいんでしょ？

？！？！このサイトに来る人は

「おしゃれでステキなりたい」？！そこまで考えてなかった！！

すみだあやか（角田綾佳）Webデザイン＆イラストレーター

制作会社でのWebデザイナーを経て2006年にフリーランスに。主にLPやサイトのデザイン、イラストを制作しています。

見積＆請求

自己紹介10年経っても日々 こんな感じです

チョコすきなもの きらいなもの

「デザイナーのイラストノート」というブログやってます。「デザイナーの仕事って何だろう？改めて考えてみた2015春」という記事書きました。http://in.spicagraph.com/other/design-think/

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

その1

人の欲求、行動にはコンテキストがある？

表向きの欲求 表向きの欲求

叶えたい深層 叶えたい深層

髪型変えたい

・ かわいくなりたい・ イメージ変えたい

・ 友人に自慢したい・ オシャレカフェにいる 私かわいい

パンケーキ食べたい

10年前の私にはそれがなかった

1. 美容師になりたい

2.よし、専門学校行こう

検索 検索 憧れ資料請求 すてきな写真

わたしのシナリオ デザイナーSさんのシナリオ

Fin

資料請求Fin

1. 美容師ってステキ!

2.どうやって美容師になるか調べよう

3.この学校いいな！ ここならステキな美容師になれそう。

コンテキストに応えてる

必要な情報を渡しただけ

10年経ってどうなった？最近の事例

DMソリューション

LPデザインの場合

ダイレクトメール

案件概要とワイヤーフレーム

・ 簡単になったぜ！\ｶﾞｯﾂﾎﾟｰｽﾞ/・ 私たちにおまかせください！\ｶﾞｯﾂﾎﾟｰｽﾞ/

ガッツポーズは結果、そこに至るのにお客さんが叶えたい要望をイメージ化しよう…

ディレクターさんのワイヤーのメインイメージ

・ ECなど支払い督促DMの発行代行サービス・ 発送業務負担の軽減・ 独自のデザインフォーマットで「回収率」を上げる

案件概要

DMソリューション

平均30％以上のコストダウンを実現！！

こんなお悩みありませんか？

リピート率90%

まずは資料請求

？

こうなった

http://www.service-kosaido.jp/dm/

デザインのコンセプト

・ これまでDM送付で苦労して来た人・ DMが読まれなくて困っていた人

・ DMに気がついてもらえる響いて欲しい層 どうなれば幸せ？

きれいなデザインもアピール

お悩みをイメージ化

数字はまとめる

ユーザーがDMに気づき手に取るイメージ

まとめ

デザインのコンセプトって「固い」「柔らかい」「さわやかな」「親しみやすい」…作り手が発信するキーワードだけでは作れないのかも

言葉に出る欲求の裏にある「叶えたいこと」を考えてデザインで具現化できたら「自分の求める物があるかも」と感じてもらえる

・どんな方が見られますか？・見た方にどう感じてもらいたいですか？とにかく聞く

わたしはこうしてます

イメージを選ぶとき気をつけていること

その2

人間は人の顔が大好き目が合うと、つい「気になる」

これは結構重要

人がいる 人がいない

視線がある 視線がない

or

or

脳は自分の都合の良いように変換する

メッセージ性が強いターゲットを絞り込む

感情移入しやすいターゲットが広い

明確なイメージ想像の余地があるイメージ

http://videoguard.pt/en/ http://www.studio-yoggy.com/

・ この人になりたい・ カリスマ・ 憧れ

感じるイメージ

・ 目が合うので強い印象・ その人が「好きか嫌いか」 になりがち

印象

人がいてこちらを向いているcase1

http://www.studio-yoggy.com/ http://parkinc.jp/

http://www.snvs.ac.jp/ http://www.samsung.com/jp/promotions/galaxys6/

・ カメラを意識しない・ 自然・ 傍観者

感じるイメージ

・ 自分に置き換えやすい・ 自分の存在に相手が 気づいていない印象で 自然な風景

印象

人はいるが視線がないcase2

http://www.humavox.com/

http://www.lion.co.jp/ja/

http://pu-pi.com/

http://rose-med.com/

・ 静寂・ 傍観者・ 高級

感じるイメージ

・ 人の存在に印象が 左右されない・ 印象を固定しない

印象

人がいないcase3

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/

「かわいい」と言っていただけることのあるこのイラストまゆ毛も鼻もない、かなりデフォルメしたテイスト

なるべくイメージを限定しないことで見ている人「それぞれのかわいさ」に脳内変換してくれる

イラストでも同じこと

まとめ

イメージとっても大事！！「ここにドーンとイメージ入ります！！あ、素材集からでお願いしまーす」とかとっても困る（探すのめっちゃ時間かかる）

デザインのトレンド、同業他社のデザインを追随する必要はない。しかし「目が慣れている」というのはある。「◯◯っぽく」感じるというのもやっぱり大事。

誰かに代わって情報を収集することもある。（幼稚園、介護、母の日…など）ターゲット＝見ている人という訳ではない。

デザインは誰に向けて？

その3

誰に向けてデザインしているか

サイトを見るのはユーザーさんだけど管理するのはクライアントさん。どっちも大事( ˘ω˘)

フリーランスなので、いつも「ちょっとだけ意外性、新鮮さ」があると良いなと思ってます。

「デザインかっこよくして！」というクライアントさんも否定したくない必ず何かしら「コンテキスト」があるはず。（それでモチベーション上がるなら良いじゃない！！）

ありがとうございました