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
93
そのあとの「デザイン」
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.2k
Cookpad Techconf@kimura 2016/01/23
mura24
0
68
はじめましてnanapiのデザイナー木村と申します LT@Cross 2015
mura24
0
98
「個」から「集」のデザイン
mura24
0
66
ブレないアプリデザインのすすめかた
mura24
79
18k
スタイルガイド監獄からの脱出
mura24
6
2.9k
Other Decks in Design
See All in Design
「稼ぐ」だけでなく 「還す」ためのデザイン / Designship2025
culumu
1
400
CMS管理画面のアクセシビリティ
magi1125
8
2.5k
mento Design Team Portfolio
mento0fficial
1
920
Installing and Running decksh/pdfdeck
ajstarks
1
870
8_8_リサーチカンファレンスプレイベント.pdf
muture
PRO
2
440
7 Core Values of Round-L
wired888
0
2.3k
Portfolio 齋藤明敏 Hiroyuki Saito
crearedesign
0
120
Yumika Yamada Portfolio
yumii
0
2k
Ana Cortes Visual Development Portfolio 2025
haruanleb
0
120
逆向きUIの世界 〜iOSアプリのRTL言語対応〜
akatsuki174
1
280
アクセシビリティに取り組むメリット
magi1125
2
270
maki setoguchi
maki_setoguchi
0
460
Featured
See All Featured
Agile that works and the tools we love
rasmusluckow
331
21k
Facilitating Awesome Meetings
lara
57
6.6k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
49
3.1k
How STYLIGHT went responsive
nonsquared
100
5.8k
Music & Morning Musume
bryan
46
6.9k
Gamification - CAS2011
davidbonilla
81
5.5k
RailsConf 2023
tenderlove
30
1.3k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
9
920
StorybookのUI Testing Handbookを読んだ
zakiyama
31
6.2k
Why You Should Never Use an ORM
jnunemaker
PRO
59
9.6k
Making the Leap to Tech Lead
cromwellryan
135
9.6k
Building a Scalable Design System with Sketch
lauravandoore
463
33k
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!
͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠