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
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
Transcript
27 slides
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
More Decks by LIG inc.
See All by LIG inc.
儲けるためにデザインをしよう
liginc
2
8.1k
デザインの伝え方
liginc
0
8.1k
デザイナーも場所にとらわれず働こう
liginc
1
8k
いろいろなポジションの知識を身につけることの大切さ
liginc
0
7.9k
さまざまな変化に対応できるデザイナーであるために
liginc
0
8k
Other Decks in Design
See All in Design
AIの定期タスクを6本作って、3本止めた話
rai263
0
170
図書館書架のオンライン閲覧サービス 「honbaco library」の開発 Code4Lib JAPAN カンファレンス 2026
sugi2000
0
160
デザインハーネスをつくるハーネス|誰でも自社らしいデザインをつくれるようにする仕組み
katakai
0
1.5k
2026/8/20 Polaris15周年イベント 『共創の場をつくる』 〜 誰もが『心地よく暮らし、心地よくはたらく』ことを選択できる社会へ 〜 関係性から地域をつくりなおす共創の土壌づくり〜リビングラボの事例を通じて〜
a2k
0
140
「惜しいデザイン」 を生み出さないための AIレビューループ
0b1tk
3
4.8k
【2026】ポートフォリオ_大坪明日香
tsubo52
0
170
Spectrum Tokyo Meetup #26「できることが増えた時、デザイナーは何に時間を使うべきか」
muture
PRO
1
420
2026/6/26 第6回韓日リビングラボネットワークフォーラムin世宗 ー未来を作るリビングラボー アジアの社会システム転換に向けたリビングラボの可能性
a2k
2
140
使いたいときだけ使う 「道具のようなアプリケーション」を考える
fumink7
0
390
東京都市大学 都市生活学部×一般社団法人オープン企画イベント 「誰もがデザイナーである」とはどういうことか? 【エツィオ・マンズィーニ氏 特別来日・基調講演】
a2k
1
170
Pra não dizer que não falei das flores...
videlvequio
0
170
技術に明るくない人が技術を選ぶために
moco1013
0
170
Featured
See All Featured
Introduction to Domain-Driven Design and Collaborative software design
baasie
1
1.1k
YesSQL, Process and Tooling at Scale
rocio
174
15k
Into the Great Unknown - MozCon
thekraken
41
2.8k
Agile Leadership in an Agile Organization
kimpetersen
PRO
0
310
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
12
2k
Impact Scores and Hybrid Strategies: The future of link building
tamaranovitovic
0
480
Google's AI Overviews - The New Search
badams
0
1.7k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
31
3.4k
The agentic SEO stack - context over prompts
schlessera
0
1k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.9k
Efficient Content Optimization with Google Search Console & Apps Script
katarinadahlin
PRO
1
990
Chasing Engaging Ingredients in Design
codingconduct
0
400