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

Portfolio

Avatar for Norito Mizutani Norito Mizutani
December 09, 2018

 Portfolio

Avatar for Norito Mizutani

Norito Mizutani

December 09, 2018
Tweet

More Decks by Norito Mizutani

Other Decks in Design

Transcript

  1. bitbucket.org/mztnnrt/offisee facebook.com/offisee99 ȍ instagram.com/offisee github.com/mztnnrt offisee.net twitter.com/_offisee ೶ ۀ ମ

    ݧ ं ੡ ଄ ޻ ৔ ݟ ֶ Φ ϑ Ο ε ݟ ֶ ৯ ඼ ޻ ৔ ݟ ֶ ٿ ৔ ཪ ଆ ݟ ֶ ΦϑΟγʔΛར༻͢Δ͜ͱͰɺاۀ͸ࣗࣾͷڧΈΛੜ͔ͨ͠ײ ಈମݧΛϗετͰ͖ɺήετͷট଴͕ՄೳʹͳΓ·͢ɻྫ͑͹ ϥϯχϯάγϡʔζϝʔΧʔͰ͋Ε͹ɺϑΝϯͱڞʹϥϯχϯ άΠϕϯτΛϗετͨ͠Γɺ৽࡞γϡʔζͷࢼ͠ཤ͖Λϗετ ͢Δ͜ͱ͕ՄೳͰ͢ɻૉఢͳϓϩμΫτΛൢചͨ͠Γɺૉఢͳ ׆ಈΛ͢Δձࣾʹੋඇར༻Λͯ͠௖͖͍ͨͰ͢ɻ web service since 2017 o f f i s e e . n e t / e v e n t s / 2 1 o f f i s e e . n e t / e v e n t s / 1 7 o f f i s e e . n e t / e v e n t s / 1 0 o f f i s e e . n e t / e v e n t s / 2 0 o f f i s e e . n e t / e v e n t s / 1 6
  2. ϑʔϜ͸ɺಛఆͷ৬ۀͷਓʑʹ࣭໰Ͱ͖Δ web αʔϏεͰ͢ɻ͋ΒΏΔ৬ۀͷํ΁ͷ࣭໰Λ࣮ ݱ͢Δҝɺϝδϟʔͳ৬छ͔ΒɺҰൠͷਓ͕ฉ͍ͨ͜ͱͳ͍ϚΠφʔͳ৬छͷਓʑ΁ͷ࣭໰Λ Ͱ͖ΔΑ͏ɺࣄલʹ໿ 300 ৬छΛొ࿥͠ɺ࣭໰Ͱ͖ΔϑΥʔϜΛ੔͑·ͨ͠ɻ none facebook.com/whom ȍ

    none github.com/mztnnrt/whom closed at 2017 none sns ͰྲྀΕΔ࣭໰ʹଈ࣌ʹ౴͑ΒΕΔ ux Λ࣮ݱ͢Δҝɺrails ͷ omniauth Λར༻͠ɺtwitter ͱ facebook ͰϩάΠϯ Մೳʹ͠·ͨ͠ɻ·ͨɺsns Ͱ޿·Δ޻෉ͱͯ͠ɺը૾΍จݴΛ ogp ઃఆ͠·ͨ͠ɻϑϩϯτΤϯυʹؔͯ͠͸ɺ bootstrap4 Λར༻͠ɺϨεϙϯγϒରԠΛߦ͍·ͨ͠ɻνϟοτΞϓϦͷΑ͏ͳ ui Λ࡞ͬͯΈ͔ͨͬͨͷͰɺicon ͔ Βͷਧग़Λ css/sass Ͱ࣮૷͍ͯ͠·͢ɻόοΫΤϯυʹؔͯ͠͸ɺ৬ۀΧςΰϦΛϝΠϯͱαϒʹ෼͚ɺ୭ʹର࣭ͯ͠ ໰͢Δ͔ΛܾΊΔࡍʹɺ·ͣϝΠϯΛબ୒͢Δͱɺajax( ඇಉظ ) ͰϝΠϯΧςΰϦ͔Β෼ذ͞ΕΔαϒΧςΰϦͷҰཡ ͕ग़ΔΑ͏ʹ ruby ͱ javascript Λ༻͍࣮ͯ૷Λ͠·ͨ͠ɻ skills - ilustrator , photoshop , sketch ruby , rails , slim , javascript , sass aws , ec2 , s3 , nginx , unicorn - Կ Λ ਘ Ͷ Δ Ͱ ͳ ͘ ɺ ୭ ʹ ਘ Ͷ Δ - w h o m web service since 2016
  3. גࣜձࣾ asobi ͸ design Ͱࣾձʹ৽͍͠ϧʔϧΛ΋ͨΒ͢ձࣾͰ͢ɻۭؒతͳ͋ͦͼɺ࣌ؒ తͳ͋ͦͼɺͦͯ͠৽͍͠ϧʔϧΛ࡞Δʮ͋ͦͼ৺ʯΛେ੾ʹ͢ΔձࣾͰ͢ɻwebdesign ΍ webservice,logotype ͳͲΛ௨͠ design

    ͱ branding ΛίΞʹ෯޿͘׆ಈΛ͍ͯ͠·͢ɻ none none ȍ none github.com/mztnnrt/asobi asb-d.com none גࣜձࣾ asobi ͷ branding Λߦ͍·ͨ͠ɻձࣾͷ vision ΍ concept,logotype,website,namecard ͷ graphic design Λ౷Ұ͠·ͨ͠ɻdesign studio ͱͯ͠ͷ૷০ඒͱɺྉۚઃఆ͕ΫϥΠΞϯτʹ໌շʹ఻ΘΔΑ͏ͳػೳඒͷཱ྆Λ৺ ֻ͚·ͨ͠ɻweb ʹར༻͞Ε͍ͯΔ icon ͸ asobi ࣾΒ͕͠͞ৢ੒͞ΕΔΑ͏಺੡Խ͠·ͨ͠ɻେ͖ͳෛՙ͕૝ఆ͞Ε ͍ͯͳ͔ͬͨͷͰɺϨϯλϧαʔόʔΛɺόοΫΤϯυʹ͸ php ݴޠΛར༻͠ɺ໰͍߹ΘͤϑΥʔϜͳͲΛ࣮૷͍ͯ͠ ·͢ɻcss ͱ js Λ༻͍ͯɺ໰͍߹ΘͤϑΥʔϜͷσβΠϯΛ 0 ͔Βઃܭ͍ͯͨ͠Γɺbootstrap Λ༻͍ͣʹ mobile ରԠ ͍ͯͨ͠ΓɺͰ͖Δ͚ͩ಺੡Խ͢ΔΑ͏ʹ৺ֻ͚ͨΫϦΤΠςΟϒσΟϨΫγϣϯͰͨ͠ɻ skills - ilustrator , photoshop , sketch , php , javascript , server - ͋ ͦ ͼ ৺ Ͱ ৽ ͠ ͍ ϧ ʔ ϧ Λ ࡞ Ζ ͏ - a s o b i web & graphic design since 2015
  4. none none ȍ none github.com/mztnnrt/asobi asb-d.com none web skills =

    ilustrator , photoshop , html , css/sass , javascript , php , server logotype skills = ilustrator , photoshop web & graphic design since 2015
  5. ΄΅ SFC ʹ͋ΔϨϯλΧʔ԰͞Μ ( ௨শɿ΄΅ S ϨϯλΧʔ ) ͸ɺܚጯٛक़େֶͷΩϟϯύε ෇ۙͰϨϯλΧʔαʔϏεΛߦ͏גࣜձࣾ

    CityAlliance ͞ΜͷαʔϏεͰ͢ɻ2018 ೥ 3 ݄຤ ดۀ͠·͕͢ɺतۀͷۭؒʹ͕࣌ؒ͋Δܚጯੜʹɺͱͯ΋ਓؾͷϨϯλΧʔαʔϏεͰ͢ɻ bitbucket.org/mztnnrt/hobos facebook.com/hobosfc ȍ none none cityalliance.co.jp/rental/ https://twitter.com/ca_rental ΄΅ S ϨϯλΧʔͷސ٬͸ɺܚጯٛक़ͷֶੜͱڭत͕ 80% Ͱ઎Ί͍ͯ·͢ɻଟ͘ͷֶੜ͸ϞόΠϧ͔ΒΞΫηε͠· ͨ͠ͷͰɺ ϞόΠϧϑϨϯυϦʔʹ͍ͯ͠·͢ɻ·ͨɺ ࢢ৔ͷϨϯλΧʔαʔϏεΛల։͍ͯ͠ΔαʔϏε͸ɺ ༧໿ϑΥʔ Ϝͷ߲໨͕ଟ͍͜ͱ΍ɺຊਓ֬ೝɺอݥূͷίϐʔΛళ಄Ͱ͍͔࣋ͬͯͳ͚Ε͹ͳΒͳ͍͜ͱ౳ɺ༧໿γεςϜ΍ϑΥʔ Ϝͷ UI/UX ͕ྑ͋͘Γ·ͤΜɻͦΕΛηΩϡΞͳ௨৴ͰϑΝΠϧૹ৴ΛͰ͖ΔΑ͏ʹ͠ɺళ಄ʹདྷͯɺ͙͢ʹं྆ͷ֬ ೝΛͨ͠ͷͪʹɺࣗಈंͷϨϯλϧΛͰ͖ΔΑ͏ʹઃܭΛ͠·ͨ͠ɻͦͷ͜ͱͰɺਓ݅අͷ࡟ݮɺࣗಈंͷճస཰ͷ޲ ্Λ࣮ݱ͠·ͨ͠ɻ౰࣌ͷϨϯλΧʔࣄۀʹͯ͠͸ cool ͳ ui ͱ ux ͕࣮ݱͰ͖͔ͨ΋͠Ε·ͤΜɻ skills - ilustrator , photoshop , sketch , php , javascript , css , server - ֨ ҆ Ϩ ϯ λ Χ ʔ α ʔ Ϗ ε - ΄ ΅ S Ϩ ϯ λ Χ ʔ graphic design since 2014
  6. 2020 ౦ژΦϦϯϐοΫͱ 2020 ೥ 7 ݄ 24 ೔ ( ۚ

    ) ͔Β 8 ݄ 9 ೔ ( ೔ ) ·Ͱ։࠵͞ΕɺύϥϦϯ ϐοΫ͸ 8 ݄ 25 ೔ ( Ր ) ͔Β 9 ݄ 6 ೔ ( ೔ ) ·Ͱ։࠵͞Ε·͢ɻ͔྆͠͠େձͷؒʹ͸ɺ2 िؒ ͷۭന͕͋Γɺͦͷظؒʹࢲͨͪ͸Կ͕Ͱ͖Δͷ͔Λߟ͑ɺdesign ʹམͱ͠ࠐΈ·ͨ͠ɻ UNIQLO ͷΫϦΤΠςΟϒσΟϨΫγϣϯͰ༗໊ͳࠤ౻Մ࢜࿨͞Μ (kashiwasato.com) ͷߨ͕ٛܚጯٛक़େֶͰߦΘΕ ·ͨ͠ɻ2020 ೥౦ژΦϦϯϐοΫɾύϥϦϯϐοΫΛ੒ޭͤ͞Δʹ͸ɺࢲͨͪ͸Ͳ͏͢Ε͹͍͍ͷ͔ʁͱ͍͏ςʔϚͰ ٞ࿦͠ɺconceptdesign ·Ͱམͱ͠ࠐΈΛߦ͍·ͨ͠ɻlogo ࣗମ͸ࢲ੍͕࡞ͨ͠΋ͷͷɺνʔϜͰ concept Λߟ͑ɺ Ͳ͏͢Ε͹ΦϦϯϐοΫͷ೤ྔͦͷ··ύϥϦϯϐοΫʹ఻͑Δ͜ͱ͕Ͱ͖Δ͔Λٞ࿦͠·ͨ͠ɻBOP ͱ͸ Between Olympic and Palalympic ͷུͰɺΦϦϯϐοΫͱύϥϦϯϐοΫͷؒʹɺ༷ʑͳΠϕϯτΛϗετ͢Δ͜ͱͰɺΦϦϯ ϐοΫ͕ऴΘͬͨޙ΋ɺύϥϦϯϐοΫ΁ͷ஫໨͕ࢭ·͵Α͏޻෉Λ͢Δ concept Λ࡞Γ·ͨ͠ɻ skills - ilustrator , photoshop , sketch , php , javascript , css , server - ౦ ژ Φ Ϧ ύ ϥ 2 0 2 0 - B O P ϓ ϩ δ Σ Ϋ τ # 1  Between Olympic & Paralympic graphic design since 2014 none http://bit.ly/2CGJg96 ȍ none none http://bit.ly/2CbqtG5 https://twitter.com/mitou2014
  7. # 1  graphic design since 2014 none http://bit.ly/2CGJg96 ȍ

    none none http://bit.ly/2CbqtG5 https://twitter.com/mitou2014 # 1 logotype skills = ilustrator , photoshop logotype skills = ilustrator , photoshop
  8. 2 0 1 3 ೥ 9 ݄ 1 8 ೔

    ޕ લ 5 ࣌ 2 0 2 0 ೥ Ն ق ޒ ྠ ͕ ౦ ژ Ͱ ։ ࠵ ͞ Ε Δ ͜ ͱ ͕ ɺ ਖ਼ ࣜ ʹ ܾ ఆ Λ ͠ · ͠ ͨ Ͷ ɻ ϫ Ϋ ϫ Ϋ ͢ Δ Α ͏ ͳ େ ͖ ͳ ν ϟ ϯ ε ͕ ೔ ຊ ʹ ΍ ͬ ͯ ͖ ͨ Α ͏ Ͱ ͢ ɻ 2 0 2 0 ೥ Λ ܴ ͑ Δ ্ Ͱ ɺ ࢲ ͨ ͪ ʹ Ͱ ͖ Δ ͜ ͱ ͸ Կ Ͱ ͠ ΐ ͏ ͔ ɻ Α Γ ྑ ͍ ܗ Ͱ 2 0 2 0 ೥ Λ ऴ ͑ Δ ҝ ͷ ༻ ҙ Λ ͢ Δ ͜ ͱ ͔ ΋ ͠ Ε · ͤ Μ ɻ Φ Ϧ ϯ ϐ ο Ϋ ͱ ύ ϥ Ϧ ϯ ϐ ο Ϋ Λ ߟ ͑ Δ ্ Ͱ ɺ ҙ ֎ ͱ ஌ Β Ε ͯ ͍ ͳ ͍ ͜ ͱ ͕ ̍ ͭ ͋ Γ · ͢ ɻ ͦ Ε ͸ ྆ େ ձ ͷ ೔ ఔ ʹ ʮ ۭ ന ͷ 1 5 ೔ ؒ ʯ ͕ ଘ ࡏ ͢ Δ ͜ ͱ Ͱ ͢ ɻ Ұ ମ ɺ Կ ͷ ͨ Ί ͷ 1 5 ೔ ײ ͳ ͷ Ͱ ͠ ΐ ͏ ͔ ɻ ࣮ ͸ ύ ϥ Ϧ ϯ ϐ ο Ϋ Λ ܴ ͑ Δ ্ Ͱ ɺ બ ख ଜ ΍ ڝ ٕ ձ ৔ ͷ ઃ උ ʹ ੾ ସ ࣌ ؒ ͕ Ͳ ͏ ͠ ͯ ΋ ֻ ͔ Δ ͷ Ͱ ͢ ɻ ͦ Ε ͸ ࢓ ํ ͳ ͍ Ͱ ͢ Ͷ ɺ ͠ ͔ ͠ ͳ ͕ Β ɺ Ͳ ͏ ΋ ͜ ͷ 2 ि ؒ ͕ ΋ ͬ ͨ ͍ ͳ ͍ ɻ Φ Ϧ ϯ ϐ ο Ϋ ͷ ։ ࠵ ظ ؒ ͸ 1 7 ೔ ؒ ɺ Ճ ͑ ͯ ύ ϥ Ϧ ϯ ϐ ο Ϋ ͷ ։ ࠵ ظ ؒ ͸ 1 3 ೔ ؒ ɺ ଍ ͠ ͯ 3 0 ೔ ؒ ɻ ͦ Ε Α Γ ΋ ָ ͠ ͍ ࣌ ؒ ͸ ௕ ͍ ํ ͕ ྑ ͍ Ͱ ͢ Α Ͷ ɻ Ͱ ͸ 1 5 ೔ ؒ Ճ ͑ ͯ 4 5 ೔ ؒ ʹ ͠ · ͠ ΐ ͏ ɻ B O P 2 0 2 0 ͸ ɺ 2 0 2 0 ೥ ͷ ౦ ژ ޒ ྠ ظ ؒ Λ ࠓ Α Γ ௕ ͘ ɺ ͦ ͠ ͯ ౦ ژ ͷ Έ ͳ Β ͣ ೔ ຊ த ɺ ͦ ͠ ͯ ੈ ք த Λ ָ ͠ ͘ ͢ Δ ҝ ʹ ੜ · Ε ͨ ϓ ϩ δ Σ Ϋ τ ͳ ͷ Ͱ ͢ Α ʂ graphic design since 2014 © *concept make : morimoto mayo , watai fumiaki , ohe tomoyuki , provot kevin *graphic design : kenya takao *logotype design : norito mizutani
  9. ౦ژޒྠΛܴ͑Δʹ͋ͨͬͯɺ೔ຊͷڧΈɺ೔ຊͷັྗɺ೔ຊͷྑ͞͸Կ͕͋Δͷ͔ΛɺνʔϜ Ͱٞ࿦Λ͠ɺdesign ʹམͱ͠ࠐΈ·ͨ͠ɻ೔ຊਓͳΒͰ͸ͷʮॊೈͳ͓΋ͯͳ͠ʯͰ͋Δʮ࿨ʯ ͱੈքͷਓͱܨ͕Δػձͱ͍͏ҙຯͰʮྠɾԁʯΛϞνʔϑʹϩΰλΠϓΛ࡞੒͠·ͨ͠ɻ - ೔ ຊ ͷ ʮ ͓

    ΋ ͯ ͳ ͠ ʯ - W A - ࿨ - - ऴ Θ Γ ͸ ࢝ · Γ ͷ ߹ ਤ - O H I R A K I ) * 3 " , * © *concept make : morimoto mayo , watai fumiaki , ohe tomoyuki , provot kevin , kenya takao *logotype design : norito mizutani ೔ຊͰ͸ԑىճ͠ͰɺऴΘΔ͜ͱΛʮ͓։͖ʯͱݴ͍·͢ɻ౦ژΦϦϯϐοΫͷऴΘΓΛऴΘΓ ͱ͍͏ͷͰ͸ͳ͘ɺ ʮ͓։͖ʯͱ͍͏͜ͱͰɺ৽͍͠࠵͠ɺύϥϦϯϐοΫ΁ͷ෬ઢΛؚ·ͤɺ ͓Γύϥͷؒʹ͋Δۭനͷ 2 िؒΛ੝Γ্͛Α͏ͱࢼΈΔ concept Λ design ͠·ͨ͠ɻ web & graphic design since 2014