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
mari kimura
May 18, 2017
Design
0
90
そのあとの「デザイン」
CAMPFIRE Design #1 2017/5/18
クックパッド内サービス、「料理きろく」をテーマにサービスをリリースしたあとのデザインの話や、デザイナーの取り組みについてをしました
mari kimura
May 18, 2017
Tweet
Share
More Decks by mari kimura
See All by mari kimura
デザインの力を高める 個 x チームの取り組み
mura24
3
2.1k
Cookpad Techconf@kimura 2016/01/23
mura24
0
64
はじめましてnanapiのデザイナー木村と申します LT@Cross 2015
mura24
0
94
「個」から「集」のデザイン
mura24
0
65
ブレないアプリデザインのすすめかた
mura24
79
18k
スタイルガイド監獄からの脱出
mura24
6
2.9k
Other Decks in Design
See All in Design
オープンデータを利用して色々なものを作った話
hjmkth
1
110
Storyboard Honey
rocioparronrubio
0
270
sachi_y_portfolio
sachi337
0
250
デザイナーとPMの両ロール_3つのポイント
toy1618
1
320
#Dubois Challenge 2025: Economics
ajstarks
0
110
プロジェクト内でデザイナーができること 日経電子版アプリ機能開発「For You」#nikkei_tech_talk
nikkei_engineer_recruiting
8
3.9k
問いの変遷
iflection
0
140
1920*1080pxに設定したケース / Google Slide Size Test
arthur1
0
2.8k
【Adobe MAX Japan 2025】上手にFireflyにお願いしてウェブデザイン案を出すぞ!
cremacrema
7
5.6k
今日から意識できるアクセシビリティ
fumiko
0
240
同人音声のための、 最高の視聴体験を求めて【サブカル×デザインMeetUP!】
vivion
0
710
デフォルトの16:9(960*540px)のケース / Google Slide Size Test
arthur1
0
2.8k
Featured
See All Featured
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
130
19k
Git: the NoSQL Database
bkeepers
PRO
430
65k
Making Projects Easy
brettharned
116
6.3k
The World Runs on Bad Software
bkeepers
PRO
69
11k
Fireside Chat
paigeccino
37
3.5k
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
Optimizing for Happiness
mojombo
379
70k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
53
2.8k
How STYLIGHT went responsive
nonsquared
100
5.6k
Side Projects
sachag
455
42k
The Power of CSS Pseudo Elements
geoffreycrofte
77
5.8k
Balancing Empowerment & Direction
lara
1
370
Transcript
ϢʔβʔʹՁΛಧ͚ΔͨΊͷ αʔϏε։ൃ ͦͷ͋ͱͷʮσβΠϯʯ 2017/05/18 ΫοΫύουגࣜձࣾ ଜਅཧ CAMPFIRE Design #1 ©2017
Cookpad Inc. ALL Rights Reserved.
ࣗݾհ ଜਅཧ (Mari Kimura) w iOS/Android ΫοΫύουΞϓϦ ʢྉཧ͖Ζ͘ʣ w iOS/Android
͓ྉཧΞϧόϜ XFC੍࡞ձࣾɺελʔτΞοϓΛܦͯɺ 20156݄ΫοΫύουʹೖࣾɻ αʔϏε։ൃ෦͖Ζ͘άϧʔϓσβΠφʔ
ࠓͷ͓ αʔϏεΛϦϦʔεͨ͠ ͋ͱͷσβΠϯͷ ʮྉཧ͖Ζ͘ʯΛςʔϚʹ
ྉཧ͖Ζ͘ ྉཧࣸਅΛࣗಈͰهͯ͠ɺ ϓϥΠϕʔτʹৼΓฦΒΕΔ αʔϏε ※ΫοΫύουΞϓϦͷυϩϫʔ͔Β ɹΞΫηεͰ͖·͢
66.2 ľ ૯ྉཧࣸਅຕ ສຕ 350 ྉཧࣸਅຕ/Month Ę Ė ྉཧهऀ/Month ਓ
47,000 ˞ௐ ྉཧ͖Ζ͘ ສຕ ͪͳΈʹʜΫοΫύουͷ૯Ϩγϐ ສ 267
͜͜Ͱͪΐͬͱ࣭Ͱ͢ ͋ͳͨͷϓϩμΫτͷ ࣄۀܭը ,1* ΰʔϧ ࢥ͍ग़͍ͯͩ͘͠͞
͋ͳͨͷϓϩμΫτͷ ࣄۀܭը ,1* ΰʔϧ ࢥ͍ग़͍ͯͩ͘͠͞ લͷ ͜͜Ͱͪΐͬͱ࣭Ͱ͢
͋ͳͨͷϓϩμΫτͷ ࣄۀܭը ,1* ΰʔϧ ࢥ͍ग़͍ͯͩ͘͠͞ લͷ ͜͜Ͱͪΐͬͱ࣭Ͱ͢
ΰʔϧมΘΔʢׂ͔͠ͱΑ͘ʣ ͳʹ͕ݴ͍͍͔ͨͱ͍͏ͱʜ
ͭͷ6* ಉ͡ՁΛମݱ͍ͯ͠Δͷ ྉཧࣸਅΛϓϥΠϕʔτʹهͯ͠ɺָ͠ΉɾཱͯΔ
ࣄۀձࣾͷσβΠφʔͷׂ ϏδωεΰʔϧΛ뱌ͯ͠ɺ Ϣʔβʔ Ձ͋ΔσβΠϯʹ༁͢Δࣄ
ࣄۀձࣾͷσβΠφʔͷׂ Ձ͋Δͷʁ Ͳ͏ͬͯଌΔʁʁʁ
ఆੑɾఆྔௐࠪ Ͳ͏ͬͯՁΛଌΔʁ
ྫ͑ʜ w ϦϦʔεલʹʮྉཧࣸਅΛݸਓతʹࡱӨ͠ ͍ͯΔ͔ʯͳͲͷ8FCΞϯέʔτΛ࣮ࢪ w Ҏલ͔ΒϢʔβʔΠϯλϏϡʔͰྸΘ ͣʮྉཧࣸਅࡱӨ͢Δ͕4/4ͰγΣΞ͠ ͨ͘ͳ͍ʜʯͱ͍͏ w ϓϩμΫτɾࢪࡦͷԾઆݕূ
ྉཧ͖Ζ͘ͷ,1* wར༻ऀʢར༻ڐऀʣ wྉཧࣸਅهऀ w ΫοΫύουຊମͷ,1* w ྉཧ͖Ζ͘ʹݸผ࠷దԽ͞ΕͨࢪࡦߦΘͳ͍ ओͳࢦඪ
ྉཧ͖Ζ͘ͷ,1* ϢʔβʔΛ֫ಘ͢Δͧʂ
wϢʔβʔ͕ϓϩμΫτʹ৮͢Δνϟϯ ωϧʹɺ༷ʑͳܗͰΞϓϩʔν Ϣʔβʔ֫ಘͷͨΊʹ w ίʔνϚʔΫ w ىಈ͓࣌Βͤ w 1VTI௨ w
ྉཧ͖Ζ͘501ը໘σβΠϯมߋ w (6&45Ϣʔβʔʹಈઢදࣔ w ϝʔϧ৴ ͥΜͿΔʂ
λονϙΠϯτ૿ͧ͢ ίʔνϚʔΫ 1VTI௨ ىಈ͓࣌Βͤ ϝʔϧ৴ ಈઢදࣔ σβΠϯ"#
Ұ൪ޮՌ͕͋ͬͨͷʜ ☝ ྉཧ͖Ζ͘৽نར༻։࢝ऀʢڐऀʣ
Ұ൪ޮՌ͕͋ͬͨͷʜ ☝ ىಈ͓࣌Β͕ͤҰ൪ޮ͍ͨ
ֶͼͱ࠶֬ೝ w֬ͷߴ͍ॱʹͻͱͭͣͭటष͘Δ͠ ͔ͳ͍ w ·ͣυٿɺࡉ͔ͳ"#ςετඞཁͳ͍ wग़ͯ͠Έͳ͍ͱΘ͔Βͳ͍͜ͱ͋Δ w ىಈ͓࣌ΒͤʹҰఆͷޮՌ͋Δͱ༧͍͕ͯͨ͠ɺ ΫοΫύουΛىಈ͢ΔϢʔβʔௐཧલɺྉཧ͖Ζ͘ ௐཧޙʹར༻͢ΔαʔϏεͳͷͰɺΞϓϦىಈޙʹྉཧ
͖Ζ͘ͷར༻Λ։࢝͢ΔϢʔβʔগͳ͍ͷͰʁͱॳ ߟ͍͑ͯͨɻ
ϢʔβʔΛ֫ಘ͢Δͧ ! 2 ྉཧ͖Ζ͘ͷ,1* ϢʔβʔΛ֫ಘ͢Δͧʂɾ
J04"OESPJEͭͷ6* άϦου ΧϨϯμʔ
J04"OESPJEͭͷ6* ։ൃϦιʔεͷ্ؔɺJ04ॳɺίετͷ͔͔Β ͳ͍άϦουϏϡʔͰϦϦʔε͍ͯͨ͠
J04"OESPJEͭͷ6* άϦου ΧϨϯμʔ ΧϨϯμʔϏϡʔͷ΄͏͕ ͨΓͷӾཡ66͕ߴ͔ͬͨ
ֶͼͱ࠶֬ೝ wதظతʹυοάϑʔσΟϯάɾ Ϣʔβʔʹਁಁͯ͠Έͳ͍ͱΘ͔Βͳ͍ ͜ͱ͋Δ w ຖͷྉཧʮ͍ͭʯʮͳʹΛʯ࡞ͬͨͷ͔͕ηο τʹͳ͍ͬͯΔ͜ͱ͕ॏཁ w σʔλੵܕͷαʔϏεɺར༻தʙར༻ޙ͚ͩ Ͱͳ͘ɺσʔλ͕ຒ·͍ͬͯ͘ମݧͷதͰͲΕͩ
͚خ͍͠ϑΟʔυόοΫ6*ΛఏڙͰ͖Δ͔͕؊৺
J04"OESPJEͭͷ6* ݱࡏ"OESPJEʹଗ͑ͯɺJ04ΧϨϯμʔϏϡʔʹ
·ͱΊ wࢪࡦ֬ͷߴ͍ॱɺҧ͏ํੑͰΞϓ ϩʔν wϓϩμΫτͷੑ࣭ʹΑͬͯυοάϑʔσΟ ϯάͷݕূظؒมΘͬͯ͘Δ
ͬͱσβΠϯ
ͬͱσβΠϯ σβΠφʔ42-
σβΠφʔ42- w6*ઃܭ࣌ʹࣗͰ42-ୟ͍ͨ΄͏ ͕͕ૣ͍͜ͱ͕͋Δ w ʮ͜ͷཁૉ༏ઌͦ͏͚ͩͲEBZͰͲΕ͘Β͍ λοϓ͞Ε͍ͯΔͷ͔ͳʁʯ wࢪࡦͷࡦఆ͔Βϩάͷઃܭɺ42-Ͱͷ ੳ·ͰΔύϫʔσβΠφʔొͯ͠ ͖ͨ ˞
˞42-ΛֶͿ͜ͱࣗମ͕ຊ࣭Ͱͳ͘ɺࣗͷσβΠϯʹ ΑΓΛ࣋ͭ͜Λ͕త
ͬͱσβΠϯ ઌͷ͜ͱΔɺ ເޠΔ
ເޠΔ wσβΠφʔઌߦͰɺϓϩμΫτͷັྗΛ ্͛ΔͨΊͷΞΠσΞΛ࿅Δ w࣮ࡍʹखͰ৮ΕΔͷʹམͱ͠ࠐΉ • inVision/Flinto for Mac • Web
View/ReactNative
·ͱΊ
ͭͷ6* ಉ͡ՁΛମݱ͍ͯ͠Δͷ ྉཧࣸਅΛϓϥΠϕʔτʹهͯ͠ɺָ͠ΉɾཱͯΔ
ͭͷ6* σβΠϯαʔϏεͷΞϓϩʔν͕มΘΕͲ ຊ࣭มΘ͍ͬͯͳ͍
ͯ͢Ϣʔβʔͷ ʮຖͷྉཧΛָ͠Έʹ͢ΔʯՁͷͨΊʹ
ΫοΫύουͰσβΠφʔΛઈࢍืूதʂ https://info.cookpad.com/careers/jobs/careers/ux-ui-designer WE ARE HIRING!
͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠