Upgrade to Pro — share decks privately, control downloads, hide ads and more …

freee株式会社_新卒デザイナー職_説明資料

Avatar for freee freee
February 20, 2023

 freee株式会社_新卒デザイナー職_説明資料

Avatar for freee

freee

February 20, 2023
Tweet

More Decks by freee

Other Decks in Design

Transcript

  1. 8 ɹɹ freeeͷ Ϣʔβʔ૚ ݸਓࣄۀओ Small ʢ1-19໊(1)ʣ Mid ʢ20-1,000໊(1)ʣ ໿

    30ສࣾ ஫ : 1.ैۀһ਺ʗ2.ݸਓࣄۀओʹ͓͚Δજࡏސ٬਺ɿࠃ੫ிʮฏ੒29೥౓౷ܭ೥ใʯʹهࡌͷݸਓࣄۀओ਺ʹج͖ͮ౰ࣾ࡞੒ɻSmallٴͼMidʹ͓͚Δજࡏސ٬਺ɿ૯຿ল౷ܭہʮ2016೥6݄ܦࡁηϯαε ׆ಈௐࠪʯʹهࡌͷ֤ηάϝϯτͷ๏ਓ਺ʹج͖ͮ౰ࣾ࡞੒ ໿ 150ສࣾ ໿ 450ສࣾ જࡏސ٬਺(2) ೔ຊʹ͋Δࣄۀͷ99.7%͸εϞʔϧϏδωε
  2. ௿͍ۀ຿ੜ࢈ੑ ࿑ಇੜ࢈ੑʢதখاۀɺେاۀʣ 
 534ສԁ ʻ 1,363ສԁ ※3 
 ※̏ɿ2021೥தখاۀനॻΑΓ ௿͍ब৬ਓؾɾ࠾༻೉

    ٻਓഒ཰ʢதখاۀɺେاۀʣ 
 1.08ഒ ʻ 8.62ഒ ※4 
 ※̐ɿୈ36ճ ϫʔΫεେଔٻਓഒ཰ௐࠪʢ2020೥ଔʣΑΓ ։ۀ཰ɾىۀ཰ͷ௿໎ ओཁࠃͷதͰ։ۀ཰ 
 5.6%Ͱ ࠷ԼҐ ※1 
 ※̍ɿ2019೥தখاۀനॻΑΓ اۀɾैۀһڞʹෆརͳ༩৴ ओࢿۚ܁Γ՝୊Λ๊͍͑ͯΔதখاۀ 
 60% ※2 
 ※̎ɿ2018೥౦ژ঎޻Ϧαʔνɹ੺ࣈࠇࣈߏ੒ൺΑΓ εϞʔϧϏδωε๊͕͑Δ՝୊ ※̍2019೥தখاۀനॻΑΓ ※̎2018೥౦ژ঎޻Ϧαʔνɹ੺ࣈࠇࣈߏ੒ൺΑΓ ※̏2021೥தখاۀനॻΑΓ ※̐ୈ36ճ ϫʔΫεେଔٻਓഒ཰ௐࠪʢ2020೥ଔʣ2019೥04݄24೔גࣜձࣾϦΫϧʔτ
  3. ௿͍ۀ຿ੜ࢈ੑ ࿑ಇੜ࢈ੑʢதখاۀɺେاۀʣ 
 534ສԁ ʻ 1,363ສԁ ※3 
 ※̏ɿ2021೥தখاۀനॻΑΓ ௿͍ब৬ਓؾɾ࠾༻೉

    ٻਓഒ཰ʢதখاۀɺେاۀʣ 
 1.08ഒ ʻ 8.62ഒ ※4 
 ※̐ɿୈ36ճ ϫʔΫεେଔٻਓഒ཰ௐࠪʢ2020೥ଔʣΑΓ ։ۀ཰ɾىۀ཰ͷ௿໎ ओཁࠃͷதͰ։ۀ཰ 
 5.6%Ͱ ࠷ԼҐ ※1 
 ※̍ɿ2019೥தখاۀനॻΑΓ اۀɾैۀһڞʹෆརͳ༩৴ ओࢿۚ܁Γ՝୊Λ๊͍͑ͯΔதখاۀ 
 60% ※2 
 ※̎ɿ2018೥౦ژ঎޻Ϧαʔνɹ੺ࣈࠇࣈߏ੒ൺΑΓ εϞʔϧϏδωε๊͕͑Δ՝୊ ※̍2019೥தখاۀനॻΑΓ ※̎2018೥౦ژ঎޻Ϧαʔνɹ੺ࣈࠇࣈߏ੒ൺΑΓ ※̏2021೥தখاۀനॻΑΓ ※̐ୈ36ճ ϫʔΫεେଔٻਓഒ཰ௐࠪʢ2020೥ଔʣ2019೥04݄24೔גࣜձࣾϦΫϧʔτ
  4. 11 ถࠃ υΠπ ϑϥϯε ΠλϦΞ ӳࠃ Χφμ ೔ຊ ࿑ಇੜ࢈ੑࠃࡍൺֱ ࠷ԼҐ

    ୯ҐɿߪങྗฏՁ׵ࢉUSυϧ ग़యɿ࿑ಇੜ࢈ੑͷࠃࡍൺֱ 2017 ೥൛ ެӹࡒஂ๏ਓ ೔ຊੜ࢈ੑຊ෦ ೔ຊͷ࿑ಇੜ࢈ੑ͸ઌਐ7Χࠃத࠷ԼҐ
  5. ɹ 24 Ϣʔβʔ਺͸೥ʑ૿Ճ 2021೥ 3݄ 2020೥ 3݄ 2019೥ 3݄ 2018೥

    3݄ 2017೥ 3݄ 2016೥ 3݄ 2015೥ 3݄ 2014೥ 3݄ 2013೥ 3݄ 38.4ສ ༗ྉ՝ۚࣄۀॴ਺ ※ freeeάϧʔϓશମͰूܭͨ͠2021೥9݄຤࣌఺ͷ༗ྉ՝ۚϢʔβʔ਺ʢ༗ྉ՝ۚϢʔβʔاۀ਺ʹ͸ݸਓࣄۀओΛؚΉʣ
  6. 2016೥ 6݄ 2017೥ 6݄ 2018೥ 6݄ 2019೥ 6݄ 2020೥ 6݄

    145ԯ 2022೥ ݱࡏ 2015೥ 6݄ 100ԯ 2021೥ 3݄ ۀք࠷଎Ͱ ೥ؒܦৗऩӹ (ARR) 100ԯԁΛ ಥഁ ࠃ಺SaasاۀͷதͰɺ࠷଎ͷεϐʔυͰ੒௕த
  7. 30

  8. 32 Product Design ϛογϣϯ Product Design Mission ʮϚδՁ஋ͳମݧΛϢʔβʔ΁ಧ͚͖Δʯ͜ͱ ◦ ϚδՁ஋ɿϢʔβʔʹͱͬͯຊ࣭తͳՁ஋͕͋Δͱࣗ৴Λ࣋ͬͯݴ͑Δ͜ͱΛ͢Δ

    ʮϓϩμΫτͷମݧͰબ͹ΕΔʯঢ়گΛ࡞Δ͜ͱ ◦ ػೳυϦϒϯͰ͸ͳ͘ɺϢʔβʔαΫηεͷͨΊͷσβΠϯɺ
 ΞυϘέʔγϣϯͷͨΊͷσβΠϯ͕࣮ࢪͰ͖ɺfreee͕બ͹Ε͍ͯ͘ঢ়گΛ࡞͍ͬͯ͘ ϛογϣϯΛ࣮ݱ͢ΔͨΊʹҎԼͷۀ຿͕ඞཁͱߟ͍͑ͯ·͢ ◦ Ϣʔβʔͷ՝୊Λಛఆɺཧ૝ͷঢ়ଶΛఆٛ ◦ ՝୊ʹରͯ͠࠷΋γϯϓϧͳղܾιϦϡʔγϣϯͷఏڙ ◦ ՝୊ͷղܾɺϢʔβʔ͕ཧ૝ͷঢ়ଶʹͳ͍ͬͯΔ͔ͷ֬ೝ ◦ ϓϩμΫτ͕࣮ࡍʹར༻։࢝͠ɺ׆༻͞ΕɺϑΝϯʹͳ͍ͬͯΔ͔ͷ֬ೝ
  9. 33 Product Manager Product Designer User Business System Technology Product

    Designerͷ໾ׂ 
 Roles of Product Designer ϢʔβʔɺϏδωεɺ ςΫϊϩδʔɺ๏੍౓ Λཧղ͠ɺղܾ͢Δ՝ ୊ͱ༏ઌॱҐΛܾΊɺ ιϦϡʔγϣϯΛઃܭ ͠ɺఏڙ͢Δ
  10. 34 ܭը ௐࠪɾ෼ੳ ཁٻɾཁ݅ఆٛ ઃܭɾ࡞੒ ධՁ ։ൃ ඼࣭อূ Product Designͷ࢓ࣄͷྲྀΕ

    Workflow of Product Design HCDʢਓؒத৺ઃܭʣ ϓϩηεΛϕʔ εʹProduct DesignΛߦ͍ͬͯ ·͢
  11. 35 Product Designͷ࢓ࣄͷྲྀΕ Workflow of Product Design ௐࠪɾ෼ੳ ϢʔβʔΠϯλϏϡʔ౳Λߦ͍ɺར༻ঢ়گͷௐࠪ͠෼ੳ͢Δ ཁٻɾཁ݅ఆٛ

    ϢʔβʔͷཁٻʢχʔζʣΛಛఆ͠ɺͦΕʹର͠ϓϩμΫτͱͯ͠ఏڙ͢ΔՁ஋ɺ ಺༰Λఆٛ͢Δ ઃܭɾ࡞੒ ఆٛ͞Εͨཁٻɾཁ݅Λຬͨ͢ߏ଄ɺϑϩʔɺը໘ͷઃܭΛߦ͏ɻڱٛͷ৘ใઃܭɾIA ධՁ ઃܭʹج͖ͮɺϓϩτλΠϐϯάΛߦ͍ɺ֤छઐ໳ՈʹΑΔώϡʔϦεςΟοΫධՁ΍ɺϢʔβʔςετΛߦ͍ɺ ଥ౰ੑΛධՁ͢Δ ։ൃ ։ൃஈ֊Ͱ༷ʑͳࣄ৘Ͱ࣮૷Ͱ͖Δػೳ͕มԽ͍ͯ͘͠தͰɺཁ݅Λຬͨ͢΂͘औࣺબ୒ʹؔ༩͠ɺ ඞཁʹԠͯ͡࠶ઃܭΛߦ͏ ඼࣭อূ QAͱڞʹ։ൃͨ͠ϓϩμΫτΛςετͯ͠ɺಈ࡞Λอূ͢Δ
  12. 36

  13. 37 Product Designͷ૊৫ Design Division Product Designer͸σβΠϯࣄۀ෦ʹॴଐ ͠·͢ɻσβΠϯࣄۀ෦͸ɺಛఆͷϓϩμ ΫτɺϓϩδΣΫτʹඥ͍ͮͨܗͰϓϩμ ΫτσβΠϯΛߦ͍ͬͯΔʰϓϩμΫτσ

    βΠϯʱͱɺಛఆͷϓϩμΫτɺϓϩδΣ Ϋτʹඥ͔ͮͣʹProduct Designͷશମత ͳ඼࣭޲্Λ໨ࢦ͢ʰσβΠϯج൫ʱɺಛ ʹ৽ྖҬ୳ࡧɾاըΛߦ͏ʰΤΫεϖϦΤ ϯεσβΠϯʱ3ͭͷ໾ׂͰผΕ͍ͯ·͢ɻ ϓ ϩ μ Ϋ τ ϓ ϩ μ Ϋ τ ϓ ϩ μ Ϋ τ ϓ ϩ δ Σ Ϋ τ ϓ ϩ δ Σ Ϋ τ ϓϩμΫτσβΠϯ νʔϜ σβΠϯج൫ νʔϜ ΤΫεϖϦΤϯεσβΠϯ νʔϜ
  14. 38 ϓϩμΫτσβΠϯ Product Design ڞ௨࢓༷ͷํ਑΍ϓϩμΫτɾࣄۀ෦ΛލΔϓϩμΫτσβΠϯͷํ਑ܾఆ͢ΔνʔϜͰ ͢ɻ৽ͨʹ࡞Δ͚ͩͰͳ͘ܧଓͯ͠վળ͠ɺϓϩμΫτΛΑΓྑ͍ํ޲΁ಋ͍͍͖ͯ·͢ɻ UIઃܭ ۀ຿ཁ݅ΛऔΓೖΕɺσβΠϯγεςϜ͓Α ͼΞΫηγϏϦςΟج४ʹଇͬͯUIઃܭΛߦ ͍·͢ɻ

    ϓϩμΫτσβΠϯ඼࣭޲্ HCDϓϩηεΛ֤ϓϩμΫτɺϓϩδΣΫτ Ͱ࣮ફ͠ɺϢʔβʔͷ՝୊ɺ࢖͍ʹ͘͞Λղ ܾ͢ΔUIσβΠϯΛఏҊ͠ɺϓϩμΫτ΁൓ ө͍͖ͯ͠·͢ɻ ·ͨɺϓϩμΫτσβΠϯνʔϜ಺Ͱϓϩμ ΫτɺϓϩδΣΫτΛӽ͑ͨφϨοδڞ༗ɺ ૬ޓϨϏϡʔΛߦ͏ͳͲɺεΩϧ޲্Λਤͬ ͨΞΫγϣϯ΋࣮ࢪ͍ͯ͠·͢ɻ ৘ใઃܭ ϓϩμΫτશମʹ͓͚ΔϢʔβʔγφϦΦΛ ੔ཧ͠ɺϓϩμΫτ಺ͷαΠτߏ଄Λ࠷దԽ ͍͖ͯ͠·͢ɻ ྫ • ༷ʑͳϨΠϠʔͷ৘ใͷੋਖ਼ • ϓϩμΫτɾαʔϏεؒͷҰ؏ੑɺ૬ޓ ͷ֬อ • ΧςΰϦͷ࠶੔ཧ
  15. 39 ΤΫεϖϦΤϯεσβΠϯ Experience Design ϢʔβʔϦαʔνʹΑΔ՝୊ͷൃݟɺௐࠪ݁Ռʹجͮ͘ίϯηϓτݕ౼ɺ͓ΑͼϓϩδΣΫ τͷܭըཱҊαϙʔτΛ࣮ࢪ͢ΔνʔϜͰ͢ɻ·ͨɺνʔϜ಺ͷϢʔβʔཧղͷଅਐ΍ɺࣾ ಺ʹ͓͚ΔϢʔβʔϦαʔνͷ؀ڥ࡞Γ΋ߦ͍ͬͯ·͢ɻ ίϯηϓτݕ౼ ϓϩδΣΫτνʔϜͱڞಉͰίϯηϓτσβ ΠϯΛߦ͍·͢ɻϝϯόʔʹΑͬͯ͸௚઀ϓ

    ϩτλΠϐϯάΛ࣮ࢪ͢Δέʔε΋͋Γ· ͢ɻ Ϧαʔν݁ՌΛӈ͔Βࠨʹʮ౉͢ʯ͜ͱ͸ͤ ͣɺνʔϜͰϢʔβʔΛཧղ͠ɺڞʹσβΠ ϯ͢Δ͜ͱɻfreeeͷڧΈ͸͜͜ʹ͋Γ·͢ɻ Ϧαʔνϓϩηεͷ੔උ Ϧαʔν࣮຿ʹՃ͑ͯɺϦαʔνͷ؀ڥͮ͘ Γ΋νʔϜͷ໾ׂͷҰͭͰ͢ɻ ଞνʔϜͰ΋Ϧαʔν͸࣮ࢪ͞Ε͓ͯΓɺϦ αʔνεςοϓͷޮ཰Խ͕ٻΊΒΕ͍ͯ· ͢ɻߨश΍ϑΥʔϚοτͷ੔උͳͲΛ௨͠ ͯɺϦαʔν͠΍͍͢؀ڥΛ࡞͍ͬͯ·͢ɻ ௐࠪ෼ੳ ςʔϚʹԠͯ͡ɺࣄۀاըɺϓϩμΫτϚ ωʔδϟʔɺϓϩμΫτϚʔέɺϓϩμΫτ σβΠφʔΒͱڞಉͰௐࠪɾ෼ੳΛ࣮ࢪ͠· ͢ɻ ϦαʔνΛಛผࢹͤͣɺద੾ʹ෼୲ͯ͠ߦ͍ ·͢ɻݪཧओٛͰ͸ͳ͘ɺݱ৔ʹϋϚΔϦ αʔνΛ௥ٻ͍͖ͯ͠·͢ɻ
  16. 40 σβΠϯج൫ Design System σβΠϯ඼࣭ͷ୲อΛ໨తͱͯ͠ɺΨΠυϥΠϯ΍UIίϯϙʔωϯτͷ੔උΛߦ͏ઐ໳νʔ ϜͰ͢ɻϓϩμΫτ಺ͷUI౷ҰΛਤΔͱͱ΋ʹɺσβΠφʔ΍ΤϯδχΞ͕ʰݟͨ໨ʱ΍ ʰڍಈʱͷ࢓༷ݕ౼ʹϦιʔεΛׂ͔ͣɺϢʔβʔͷ՝୊ղܾʹूதͰ͖ΔΑ͏ʹ͠·͢ɻ UIίϯϙʔωϯτ Sketch ϥΠϒϥϦɺReact

    ίϯϙʔωϯτ͔ Β੒ΔɺσβΠφʔͱΤϯδχΞ͕ڞ௨ͯ͠ ࢖͑ΔUIίϯϙʔωϯτΛ੔උ͍ͯ͠·͢ɻ ΞΫηγϏϦςΟج४ ϓϩμΫτ͚ͩͰͳ͘ freee ͕ੈʹग़͢Ξ΢ τϓοτ͢΂͕ͯຬͨ͢΂͖ΞΫηγϏϦ ςΟͷج४Λ WCAG2.1 ʹԊͬͯࡦఆ͍ͯ͠ ·͢ɻ σβΠϯΨΠυϥΠϯ ը໘ύλʔϯ΍ૢ࡞ύλʔϯΛྨܕԽͯ͠ɺ ͦΕͧΕͷઃܭํ਑Λఆ͍ٛͯ͠·͢ɻ ྫ • Ұཡը໘ɺৄࡉը໘ͷઃܭํ๏ • ҰׅฤूUIͷ഑ஔํ๏ • ϞʔμϧμΠΞϩάͷར༻ύλʔϯ
  17. ΞΫηγϏϦςΟݚम μΠόʔγςΟݚम ΑΖͣ૬ஊ૭ޱ ʮ୭Ͱ΋࢖͑ΔϓϩμΫτʯ Λ໨ࢦͯ͠։ൃΛਐΊ͍ͯ· ͢ɻ ʮ͋ͳͨͱࢲ͸ҧ͏ʯ͜ͱΛ ౰ͨΓલʹࢥͬͯ΋Β͏ͨ Ίɺϝϯόʔͷߟ͑ํ΍ײ͡ ํͷҧ͍Λମײͯ͠΋Β͏ݚ

    मΛ࣮ࢪ͍ͯ͠·͢ɻLGBTQ ΁ͷऔΓ૊ΈΛධՁ͢Δ ʮPRIDEࢦඪʯ࠷ߴϥϯΫΛ ֫ಘ͍ͯ͠·͢ ͋ͳͨͷʮಇ͖΍͍͢ձࣾʯ
 ͸ɺօʹͱͬͯͷʮಇ͖͍ͨ ձࣾʯͱ͍͏৴೦ͷ΋ͱɺ freeeͰಇ্͘Ͱͷ೰Έ΍ෆ҆ Λؾܰʹଧͪ໌͚΍͘͢͢Δ ͨΊͷ૬ஊ૭ޱͰ͢ɻ ୭΋͕ಇ͖΍͍͢؀ڥʹ