Portfolio

Transcript

2. 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
3. ϑʔϜ͸ɺಛఆͷ৬ۀͷਓʑʹ࣭໰Ͱ͖Δ 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
4. גࣜձࣾ 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
5. none none ȍ none github.com/mztnnrt/asobi asb-d.com none web & graphic design since 2015
6. 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
7. ΄΅ 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
8. 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
9. # 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
10. 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
11. ౦ژޒྠΛܴ͑Δʹ͋ͨͬͯɺ೔ຊͷڧΈɺ೔ຊͷັྗɺ೔ຊͷྑ͞͸Կ͕͋Δͷ͔ΛɺνʔϜ Ͱٞ࿦Λ͠ɺ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