ユニークなデザインシステム改革

by makiozmurai

Slide 1

Slide 1 text

presented by Design system revolution with unique naming Ϣ χ ʔ Ϋ ͳ σ β Π ϯ γ ε ς Ϝ վ ֵ a ͍ ɺ Ұ ൠ Խ ͸ ΍ Ί Α ͏ Ϙ ι ο

Slide 2

Slide 2 text

presented by ͸͡Ί·ͯ͠ Proﬁle ٠஑ক࢙ Owls, Inc. ʛCDO ɾ%SFTTDBNQΞγελϯτσβΠφʔ ɾ,*/0ϝϯζϑΝογϣϯσβΠφʔ ɾ౦ژίϨΫγϣϯΦϦδφϧϒϥϯυͱͯ͠ࢀՃ ɾ#SVUP *ODσβΠφʔϓϥϯφʔ ɾϑϦʔϥϯεσβΠφʔ ɾ0XMT *OD$%0ʢνʔϑσβΠϯΦϑΟαʔʣ

Slide 3

Slide 3 text

presented by ͸͡Ί·ͯ͠ Proﬁle اۀՁ஋ΛσβΠϯ͢Δ ίϯαϧςΟϯά σβΠϯΧϯύχʔ

Slide 4

Slide 4 text

presented by ͸͡Ί·ͯ͠ Proﬁle

Slide 5

Slide 5 text

presented by ͸͡Ί·ͯ͠ Proﬁle ͍ͭ͜

Slide 6

Slide 6 text

presented by ͸͡Ί·ͯ͠ Proﬁle ͍ͭ͜ ͜ͷΠϕϯτͷΦʔΨφΠβʔ͕ ʮεϙϯαʔ΍Βͳ͍ʁʯ ͬͯ༠ׂ͖ͬͯͨʹϦϛοτɹɹɹɹɹɹͳͷͰ μογϡͰ࿩͠·͢ɻ ෼

Slide 7

Slide 7 text

presented by 01.ΞτϛοΫσβΠϯΛಋೖ͢Δ໨త 02.ඪ४Խʹಉ࣭Խʁʹӡ༻͠΍͍͢ͱ͸ݴ͑ͳ͍ 03.࣮͸σβΠϯγεςϜ͸ϒϥϯσΟϯάͷ֓೦ͱ͍ۙͷΑ ͓࿩͢Δ͜ͱ Agenda

Slide 8

Slide 8 text

presented by 01. ΞτϛοΫσβΠϯΛಋೖ͢Δ໨త

Slide 9

Slide 9 text

presented by ˠΞτϛοΫσβΠϯΛೖΕ͍ͨɻ ɻɻɻࠓͬΆ͍Β͍͠͠ 01.ΞτϛοΫσβΠϯΛಋೖ͢Δ໨త

Slide 10

Slide 10 text

presented by ˠΞτϛοΫσβΠϯΛೖΕ͍ͨɻ ɻɻɻࠓͬΆ͍Β͍͠͠ 01.ΞτϛοΫσβΠϯΛಋೖ͢Δ໨త ʢ͜Εئ๬ʣ

Slide 11

Slide 11 text

presented by ˠΞτϛοΫσβΠϯΛ࢖ͬͯӡ༻͍ͨ͠ 01.ΞτϛοΫσβΠϯΛಋೖ͢Δ໨త

Slide 12

Slide 12 text

presented by ˠΞτϛοΫσβΠϯΛ࢖ͬͯӡ༻͍ͨ͠ 01.ΞτϛοΫσβΠϯΛಋೖ͢Δ໨త ʢ͜Εئ๬ʣ

Slide 13

Slide 13 text

presented by ˠαʔϏε͕੒௕ͯ͠΋ઃܭࢥ૝͕଱͑͏Δӡ༻Λ͍ͨ͠ 01.ΞτϛοΫσβΠϯΛಋೖ͢Δ໨త

Slide 14

Slide 14 text

presented by ˠαʔϏε͕੒௕ͯ͠΋ઃܭࢥ૝͕଱͑͏Δӡ༻Λ͍ͨ͠ 01.ΞτϛοΫσβΠϯΛಋೖ͢Δ໨త ʢ͜Εʂʣ

Slide 15

Slide 15 text

presented by 02. ඪ४Խʹಉ࣭Խʁʹӡ༻͠΍͍͢ͱ͸ݴ͑ͳ͍

Slide 16

Slide 16 text

presented by 02.ඪ४Խʹಉ࣭Խʁʹӡ༻͠΍͍͢ͱ͸ݴ͑ͳ͍ Atomic Design ࣮ଶ ΄͑ʔɺ͔֬ʹΘ͔Δʔ ͜ΕͰ؅ཧͰ͖ͨΒΧοί͑͑ͳ͋ ATMOSʹΘ͔Δ MOLECULESʹ͏Μɻɻɻ ORGANISMSʹ͏Μʂʁ TEMPLATESʹ ΤϯδχΞ Θ͔Δɻ σβΠφ ʁʁʁ PAGES= ΤϯδχΞσβΠφʣ·͋·͋ɻɻɻ

Slide 17

Slide 17 text

presented by ҋਂ͗͢ ࣄҊൃੜத 02.ඪ४Խʹಉ࣭Խʁʹӡ༻͠΍͍͢ͱ͸ݴ͑ͳ͍

Slide 18

Slide 18 text

presented by "ࣾͱ#ࣾͷΞτϛοΫσβΠϯͷఆٛ ATMOS MOLECULES "ࣾ #ࣾ ͋͞ɺඪ४Խ໨ࢦ͠·͠ΐ͏ ORGANISMS 02.ඪ४Խʹಉ࣭Խʁʹӡ༻͠΍͍͢ͱ͸ݴ͑ͳ͍ ཁૉ ҙຯΛ࣋ͨͳ͍άϧʔϓ ҙຯΛ࣋ͬͨίϯςϯπ TEMPLATES ίϯςφͳͲ͕ఆٛ͞Εͨ෺ PAGES ☝͕૊ΈΘͤΒΕͨϖʔδ ATMOS MOLECULES ORGANISMS ཁૉ -W ίϯϙʔωϯτʢ-W ίϯϙʔωϯτͷίϯϙʔωϯτʢ-W TEMPLATES ҙຯΛ͍࣋ͯͬͯͳ͍ςϯϓϨʔτ PAGES ☝͕૊ΈΘͤΒΕͨϖʔδ

Slide 19

Slide 19 text

Slide 20

Slide 20 text

Slide 21

Slide 21 text

Slide 22

Slide 22 text

presented by "ࣾͱ#ࣾͷΞτϛοΫσβΠϯͷఆٛ ATMOS MOLECULES "ࣾ #ࣾ Ծʹࢮ͵ؾͰ߹Θͤͨͱ͠Α͏ɻ ORGANISMS 02.ඪ४Խʹಉ࣭Խʁʹӡ༻͠΍͍͢ͱ͸ݴ͑ͳ͍ ཁૉ ҙຯΛ࣋ͨͳ͍άϧʔϓ ҙຯΛ࣋ͬͨίϯςϯπ TEMPLATES ίϯςφͳͲ͕ఆٛ͞Εͨ෺ PAGES ☝͕૊ΈΘͤΒΕͨϖʔδ ATMOS MOLECULES ORGANISMS ཁૉ ҙຯΛ࣋ͨͳ͍άϧʔϓ ҙຯΛ࣋ͬͨίϯςϯπ TEMPLATES ίϯςφͳͲ͕ఆٛ͞Εͨ෺ PAGES ☝͕૊ΈΘͤΒΕͨϖʔδ

Slide 23

Slide 23 text

Slide 24

Slide 24 text

Slide 25

Slide 25 text

Slide 26

Slide 26 text

Slide 27

Slide 27 text

Slide 28

Slide 28 text

Slide 29

Slide 29 text

presented by 03. ࣮͸σβΠϯγεςϜ͸ϒϥϯσΟϯάͷ֓೦ͱ͍ۙͷΑ

Slide 30

Slide 30 text

presented by 03.࣮͸σβΠϯγεςϜ͸ϒϥϯσΟϯάͷ֓೦ͱ͍ۙͷΑ ͜͜Ͱ͍͖ͳΓ ϒϥϯυͷ࿩

Slide 31

Slide 31 text

presented by 03.࣮͸σβΠϯγεςϜ͸ϒϥϯσΟϯάͷ֓೦ͱ͍ۙͷΑ Ϛελʔϒϥϯυମܥ ϑϦʔελϯσ Οϯάϒϥϯυମܥ $* #*7* $* #*7* ϝϦοτ σϝϦοτ ϒϥϯυͷίϛϡχέʔγϣϯޮ཰͕͍͍ ѱධ͕શମʹٴͿՄೳੑ͕͋Δ ϑϦʔελϯσΟϯάϒϥϯυମܥ ϝϦοτ σϝϦοτ ݸผͷੈք؍Λࣗ༝ʹߏங ͦΕͧΕʹϚʔέςΟϯάίετ͕͔͔Δ

Slide 32

Slide 32 text

presented by 03.࣮͸σβΠϯγεςϜ͸ϒϥϯσΟϯάͷ֓೦ͱ͍ۙͷΑ ͳΜ͔ۙ͘ͳ͍ʁ

Slide 33

Slide 33 text

presented by 03.࣮͸σβΠϯγεςϜ͸ϒϥϯσΟϯάͷ֓೦ͱ͍ۙͷΑ Ϛελʔϒϥϯυମܥ ϑϦʔελϯσ Οϯάϒϥϯυମܥ $* #*7* $* #*7* "ࣾ #ࣾ ϝϦοτ σϝϦοτ ։ൃ޻਺͕গͳ͍ վम͕શମʹٴͿՄೳੑ͕͋Δ ϑϦʔελϯσΟϯάϒϥϯυମܥ ϝϦοτ σϝϦοτ ݸผͷੈք؍Λࣗ༝ʹߏங ͦΕͧΕʹ։ൃίετ͕͔͔Δ The Design System

Slide 34

Slide 34 text

presented by 03.࣮͸σβΠϯγεςϜ͸ϒϥϯσΟϯάͷ֓೦ͱ͍ۙͷΑ αʔϏε͝ͱʹ ࠷దԽ͞ΕͯવΔ΂͖

Slide 35

Slide 35 text

presented by ࠷ޙʹ Epilogue " 5 - " 4 4 * " / " J S C O C 4 Q P U J G Z

Slide 36

Slide 36 text

presented by ࠷ޙʹ Epilogue ا ۀ Ձ ஋ Λ σ β Π ϯ ͢ Δ ೔ ຊ ͸ ೥ 6 4 ͔ Β ஗ Ε ͯ ͍ · ͢ ɻ σ β Π ϯ γ ε ς Ϝ ͸ ੈ ք Ͱ ͸ ΋ ͸ ΍ ඪ ४ ͱ ͳ Γ ͭ ͭ ͋ Γ · ͢ ɻ ͦ ͷ ߟ ͑ ͸ ɺ ج ຊ ଟ ༷ Խ ͠ ͯ ͍ · ͢ ɻ

Slide 37

Slide 37 text

presented by ࠷ޙʹ Epilogue Ұ ॹ ʹ ࡞ Ζ ͏ Ξ ΢ ϧ ε ͸ ί ϯ α ϧ ܕ ͷ σ β Π ϯ ૊ ৫ ɻ ক དྷ ࣗ ෼ Ͱ ࣄ ۀ Λ ى ͜ ͠ ͨ ͍ ਓ ɺ ݸ ͷ ྗ Λ ࠷ େ Խ ͞ ͤ ͨ ͍ ਓ ͸ Π ϊ ϕ ʔ γ ϣ ϯ ͷ ۙ ͘ ʹ ͍ ͳ ͚ Ε ͹ ͍ ͚ ͳ ͍ ɻ

Slide 38

Slide 38 text

presented by ࠷ޙʹ Epilogue Ұ ॹ ʹ ࡞ Ζ ͏ ༷ ʑ ͳ α ʔ Ϗ ε ͱ Ϗ δ ω ε ʹ ৮ Ε ͯ ɺ ࠓ ׆ ͖ Δ ٕ ज़ Ͱ ͸ ͳ ͘ ɺ ະ དྷ ͷ ࣗ ෼ ͷ ͨ Ί ͷ ܦ ݧ ʹ ౤ ࢿ ͠ Α ͏ ɻ

Slide 39

Slide 39 text

presented by '*/