Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
サイトリニューアル時のコンセプト設計
Search
LIG inc.
October 17, 2016
Design
1
8k
サイトリニューアル時のコンセプト設計
Event:LIGSHIP 第4回
Speaker:藤田
LIG inc.
October 17, 2016
Tweet
Share
More Decks by LIG inc.
See All by LIG inc.
儲けるためにデザインをしよう
liginc
2
7.9k
デザインの伝え方
liginc
0
7.9k
デザイナーも場所にとらわれず働こう
liginc
1
7.8k
いろいろなポジションの知識を身につけることの大切さ
liginc
0
7.8k
さまざまな変化に対応できるデザイナーであるために
liginc
0
7.9k
Other Decks in Design
See All in Design
minpaku-community-scrum-patterns
norinity1103
1
120
共通認識のためのユーザビリティテスト by AIエージェント - Accelerating Value Delivery
gakuoya
1
690
児童相談所における養育里親委託時の親権者同意に向けたコミュニケーションの実態
trivia
0
480
AI時代に、僕たちデザイナーはどう歩むか
kazuhirokimura
0
290
無自覚なランクとその影響を紐解くワークショップ / Unpacking Unconscious Privilege Workshop
spring_aki
4
300
オリジナルのデザイン地図を作ってみた!〜OpenMapTilesとMaputnikを活用した地図スタイル〜
hjmkth
1
580
組織で取り組むアクセシビリティのはじめ方
masakiohsumi
0
150
[2025.6.30 もがく中堅デザイナー、キャリアの分岐点] なんでもやる系デザイナーのもがきかた
taka_piya
1
1.3k
誰もがAIエージェントを"操作"したがる〜AIエージェントに求められるUX〜
ikeyatsu
2
1.8k
Echoes Boomerang
artcloudyu
PRO
0
250
Haley's adventure chase
ivettetwin
0
240
株式会社ログラス - 会社説明資料【デザイナー】/ Loglass Designer
loglass2019
1
710
Featured
See All Featured
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
20
1.3k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
29
9.6k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
161
15k
The Invisible Side of Design
smashingmag
301
51k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
34
3.1k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
35
2.4k
Optimizing for Happiness
mojombo
379
70k
What’s in a name? Adding method to the madness
productmarketing
PRO
23
3.5k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
233
17k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
8
820
StorybookのUI Testing Handbookを読んだ
zakiyama
30
5.9k
How to train your dragon (web standard)
notwaldorf
95
6.1k
Transcript
RENEWAL CONCEPT サイトリニューアル時のコンセプト設計 これからの Web デザイナーを考えよう @ iiofice 2016/10/4 (Thu.)
LIG SHIP #04
藤 田 遼 / Ryo Fujita 2013 年 12 月に入社。
主にコーポレートサイトのリニューアルや キャンペーンサイトのデザインを行っています。 焼き鳥はタレより塩派です。
銀座の美容室 TREE( ツリー ) Docomoʷ&WFSOPUF εϚʔτจ۩ϓϨθϯτΩϟϯϖʔϯ Yahoo japan 特別企画 国勢調査 2015
リアルネットワークス株式会社 W O R K S
コンセプトって、 なんで必要なの? WHAT'S
デザインの方向性に迷いが生じる コンセプトが無いと陥りがちな制作フロー 1 ノーコンセプト あるある
制作メンバーが目的に対して、 共通認識がないまま案件が進む コンセプトが無いと陥りがちな制作フロー 2 ノーコンセプト あるある
結果としてアウトプットが微妙になる コンセプトが無いと陥りがちな制作フロー 3 ノーコンセプト あるある
コンセプトって何? WHAT'S
タイヤが 4 つあって、ハンドルとアクセル・ブレーキがあるのは 共通だが、結構見た目が違う 車に例えるとわかりやすい
ヒ ロ さ ん ( 弊 社 ア ー ト
デ ィ レ ク タ / W e b 受 託 制 作 マ ネ ー ジ ャ ー ) 幼稚園と小学校に通う子供を持つ 2 児の父、 平日は仕事が忙しく、週末に家族サービスをするために 遠出やアウトドアを楽しむために車がほしい
ヒロさんはどっちの車を選ぶ?
ヒロさんが選んだ車は —
車は形状や機能にわかりやすくコンセプトが現れる — 彼女といい感じになりたい車 かっこいい父親像を演出できる車
コンセプトの設計方法 METHOD
課題を定義つけよう コンセプトづくりのワークフロー 1 コンセプト 作成フロー
ターゲットを定めよう コンセプトづくりのワークフロー 2 コンセプト 制作フロー
商材(企業)の魅力や 特徴を考えよう コンセプトづくりのワークフロー 3 コンセプト 制作フロー
課題の解決方法を考えよう コンセプトづくりのワークフロー 4 コンセプト 制作フロー
「だれに、 何をどうやって伝えよう」 が見えてくる ここからコンセプトが設計される ここまで考えると、
コンセプトが設計されると、それぞれが 「どのような役割を持つべきか」が明確になる コンセプト 情報設計 トーン & マナー アニメーション 写真・コピー
そして
お客様に 「アウトプットがなぜそうなったのか」 をご理解いただきやすくなる
これからの Web デザイナーには コンセプトの設計能力が大事
コンセプト設計って難しい とは言え
なので
懇親会でみなさまの手法もお聞かせください m(_ _)m
ありがとうございました THANKS