Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
サイトリニューアル時のコンセプト設計
Search
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
LIG inc.
October 17, 2016
Design
8.1k
1
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
サイトリニューアル時のコンセプト設計
Event:LIGSHIP 第4回
Speaker:藤田
LIG inc.
October 17, 2016
More Decks by LIG inc.
See All by LIG inc.
儲けるためにデザインをしよう
liginc
2
8k
デザインの伝え方
liginc
0
8.1k
デザイナーも場所にとらわれず働こう
liginc
1
8k
いろいろなポジションの知識を身につけることの大切さ
liginc
0
7.9k
さまざまな変化に対応できるデザイナーであるために
liginc
0
8k
Other Decks in Design
See All in Design
Design dependencies
teba_eleven
0
170
いいUIとは?初心者向けに事例をもとにUIデザインを分解
yuichi_hara7
11
6.1k
プレゼンスライド作成で意識していること
kimichan
0
110
Build for the Web, Build on the Web, Build With the Web
csswizardry
0
560
再設計される業務 - AIにより再設計される "デザインワークフロー" / AI Ops Lab #2 Redesigned orkflows
kgsi
0
910
PLATEAUで白い街を作る
aikautau
0
180
Signull 団体説明資料
signull
0
820
クリエイティブディレクター 両角 高寛 の自己紹介
morogyro
0
140
全員がアウトプットを出せる時代、 誰を採用する?
nishame
0
660
少人数チームで_使われるプロダクトにたどり着くための_デザインハーネス.pdf
nishame
1
1.5k
Техники структурирования беседы с собой, заказчиком и командо
ashapiro
0
290
富山デザイン勉強会_ブラッシュアップデザイン.pdf
keita_yoshikawa
0
120
Featured
See All Featured
How to Align SEO within the Product Triangle To Get Buy-In & Support - #RIMC
aleyda
2
1.8k
Build The Right Thing And Hit Your Dates
maggiecrowley
39
3.4k
AI: The stuff that nobody shows you
jnunemaker
PRO
9
990
VelocityConf: Rendering Performance Case Studies
addyosmani
331
25k
BBQ
matthewcrist
89
10k
Conquering PDFs: document understanding beyond plain text
inesmontani
PRO
4
3k
The AI Revolution Will Not Be Monopolized: How open-source beats economies of scale, even for LLMs
inesmontani
PRO
3
3.7k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
47
8.3k
So, you think you're a good person
axbom
PRO
2
2.1k
SEO in 2025: How to Prepare for the Future of Search
ipullrank
3
3.8k
Agile Actions for Facilitating Distributed Teams - ADO2019
mkilby
0
280
Primal Persuasion: How to Engage the Brain for Learning That Lasts
tmiket
0
450
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