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
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
サイトリニューアル時のコンセプト設計
Event:LIGSHIP 第4回
Speaker:藤田
LIG inc.
October 17, 2016
More Decks by LIG inc.
See All by LIG inc.
儲けるためにデザインをしよう
liginc
2
8k
デザインの伝え方
liginc
0
8k
デザイナーも場所にとらわれず働こう
liginc
1
7.9k
いろいろなポジションの知識を身につけることの大切さ
liginc
0
7.9k
さまざまな変化に対応できるデザイナーであるために
liginc
0
8k
Other Decks in Design
See All in Design
デザインの文脈を理解する:エンジニアがデザインカンファレンスに参加して得た学びと気づき
hypebeans
0
160
【サイバーエージェント】Creative Switch 会社説明資料
cyberagent_creators
0
5.5k
CULTURE DECK/Frontend Engineer
mhand01
0
1.1k
【優秀賞+特別賞】くまモン食いしん坊弁当「くまモンの魔法の柑橘弁当」最終審査資料
shoko_seven11
0
130
「余白」と「欲望」を味方につける ——AI時代のデザインエンジニアリングと「越境」の作法 #KNOTS2026
koyaman
1
1.7k
「バイブコーディングって何?」から始まった、 AIとの一年間と、その先のこと
seto
0
190
Storyboard Exercise: Chase Sequence
lynteo
1
260
公開スライド)熊本市様-電子申請中級編
garyuten
0
1.1k
アンエシカルデザインの枠組みの提案 -HCD-Netダークパターン研究会活動報告-
securecat
1
380
ドルちゃん
design_dolphins
0
600
結びながら、ひらく - にじむ境界のデザイン
hilokifigma
4
1.6k
プラットフォームに馴染むモバイルアプリデザイン / Mobile App UI Design Lunch LT
pixyzehn
0
160
Featured
See All Featured
The AI Revolution Will Not Be Monopolized: How open-source beats economies of scale, even for LLMs
inesmontani
PRO
3
3.2k
Product Roadmaps are Hard
iamctodd
PRO
55
12k
Are puppies a ranking factor?
jonoalderson
1
3.2k
A brief & incomplete history of UX Design for the World Wide Web: 1989–2019
jct
1
340
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
16
1.9k
Done Done
chrislema
186
16k
The agentic SEO stack - context over prompts
schlessera
0
730
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
31
3.1k
What Being in a Rock Band Can Teach Us About Real World SEO
427marketing
0
200
Claude Code のすすめ
schroneko
67
220k
Git: the NoSQL Database
bkeepers
PRO
432
67k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
47
8k
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