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

ポートフォリオのゴールを考える

wariemon
February 27, 2018

 ポートフォリオのゴールを考える

Title : ポートフォリオのゴールを考える -Think about portfolio-
Event : ポートフォリオナイト -Portfolio Night-
Space / Date : The Cybozu Bar / 2018.02.26
Speaker : 割石裕太 (@wariemon) / OH : Art Director, Designer.

「ポートフォリオサイトについて語る場所がほしい」という思いから、開催された今回のイベント。主催者にお誘いをいただき、『ポートフォリオのゴールを考える』というタイトルで登壇させていただきました。

まず、ポートフォリオサイトは、自分自身を知ってもらう・理解してもらう手段の一つでしかありません。その前提にたった上で、わたしがポートフォリオサイトを制作するに至った目的、そしてどういうアウトプットに至ったかというお話をさせていただきました。

当日は、新しいポートフォリオ・未公開の実績のデザインも一部掲載しておりましたが、スライドの公開にあたり一部を削除しております。リリースの際にはぜひみなさまご覧になっていただけると幸いです。

素敵な機会をありがとうございました!

wariemon

February 27, 2018
Tweet

More Decks by wariemon

Other Decks in Design

Transcript

  1. ׂ ੴ ༟ ଠ
    Fa b l i c , i n c . / A R T D I R EC TO R , P R I N C I PA L D E S I G N E R .
    @ wa r i e m o n

    View full-size slide

  2. ' 3 * -
    A R T D I R E C T I O N , C I & U I D E S I G N

    View full-size slide

  3. ϥ Ϋ Ϛ
    A R T D I R E C T I O N , C I & U I D E S I G N

    View full-size slide

  4. 'B C M J D J O D
    A R T D I R E C T I O N , C I & U I D E S I G N

    View full-size slide

  5. -0 - -
    A R T D I R E C T I O N , V I & U I D E S I G N

    View full-size slide

  6. 0 )
    A R T D I R E C T I O N , C I & U I D E S I G N

    View full-size slide

  7. - B O E 4 L J Q J O D
    A R T D I R E C T I O N , C I D E S I G N

    View full-size slide

  8. ࠓ ճ ɺ
    ʮ ϙ ʔ τϑΥ Ϧ Φ α Π τ Λ ͭ ͘ Ε ʂ ʯ
    ʜ ͱ ͍ ͏ Α ͏ ͳ ࿩ ͸ Ұ ੾ ͠ · ͤΜ ɻ
    ϙ ʔ τϑΥ Ϧ Φ ͷ ΰ ʔ ϧ Λ ߟ ͑ Δ

    View full-size slide

  9. ͳ ͥ ͳ Β ɺ
    ࣗ ෼ ͷ ͜ ͱ Λ ఻ ͑ Δ ํ ๏ ͷ ͻ ͱ ͭ
    Ͱ ͠ ͔ ͳ ͍ ͔ Β Ͱ ͢ɻ
    ϙ ʔ τϑΥ Ϧ Φ ͷ ΰ ʔ ϧ Λ ߟ ͑ Δ

    View full-size slide

  10. Θ ͨ ͠ ͸ ɺ
    ʮ Կ Λ ͭ ͘ Δ ͔ Α Γ ɺ ͳ ͥ ͭ ͘ Δ ͷ ͔ ʯ
    Λ ৗ ʹ ॏ ཁ ࢹ ͯ͠ ͍ · ͢ɻ
    ϙ ʔ τϑΥ Ϧ Φ ͷ ΰ ʔ ϧ Λ ߟ ͑ Δ

    View full-size slide

  11. ͭ ͘ Δ ͜ ͱ ࣗ ମ ͕ ΰ ʔ ϧ Ͱ ͸ ͳ ͘ ɺ
    ໨ త ͷ ͨ Ί ʹ ΋ ͷ Λ ͭ ͘ Δ ɻ
    ϙ ʔ τϑΥ Ϧ Φ ͷ ΰ ʔ ϧ Λ ߟ ͑ Δ

    View full-size slide

  12. ࠓ ճ ͸ ɺ
    Θ ͨ ͠ ͕ ϙ ʔ τϑΥ Ϧ Φ Λ ͭ ͘ ͬ ͨ ͱ ͖ ͷ
    ͜ ͱ Λ ͓ ࿩ ͠ ͞ ͤ ͯ ͍ ͨ ͩ ͖ · ͢ɻ
    ϙ ʔ τϑΥ Ϧ Φ ͷ ΰ ʔ ϧ Λ ߟ ͑ Δ

    View full-size slide

  13. Θ ͨ ͠ ͸ ɺ ΋ ͷ Λ ͭ ͘ Δ ʹ ͸ ɺ
    ໨ త ɾ ໨ ඪ ͕ ඞ ཁ ͩ ͱ ߟ ͑ͯ ͍ · ͢ɻ
    ϙ ʔ τϑΥ Ϧ Φ ͷ ΰ ʔ ϧ
    ໨త ໨ඪ
    [ G O A L ]

    View full-size slide

  14. ໨ త ɾ ໨ ඪ Λ ࣋ ͬͯ ɺ ੍ ࡞ ͢ Δ ͱ ɺ
    ҙ ਤ ௨ Γ ͷ ΋ ͷ ͕ Ͱ ͖ͨ ͔ Ͳ ͏ ͔
    ৼ Γ ฦ Δ ͜ ͱ ͕ Ͱ ͖ · ͢ ɻ
    ϙ ʔ τϑΥ Ϧ Φ ͷ ΰ ʔ ϧ
    ໨త ໨ඪ
    [ G O A L ]

    View full-size slide

  15. ͜ Ε ͸ ɺ ϙ ʔ τϑΥ Ϧ Φ ʹ ͓ ͍ ͯ ΋ Ұ ॹ Ͱ ͢ɻ
    ϙ ʔ τϑΥ Ϧ Φ ͷ ΰ ʔ ϧ
    ໨త ໨ඪ
    [ G O A L ]

    View full-size slide

  16. ࣗ ෼ ͕ ࣋ ͬͯ ͍ Δ ෢ ث Ͱ ɺ
    ໨ ඪ ʹ ౸ ୡ ͢ Δ ͨ Ί ʹ ख ஈ Λ બ Ϳ ɻ
    ϙ ʔ τϑΥ Ϧ Φ ͷ ΰ ʔ ϧ
    ໨త ໨ඪ
    [ G O A L ]

    View full-size slide

  17. ໨ త ʹ ର ͠ ͯ ͷ ख ஈ ͷ ͻ ͱ ͭ ͕ ɺ
    ࠓ ճ ͷ ς ʔ Ϛ ͷ ʮ ϙ ʔ τϑΥ Ϧ Φ ʯ ͩ ͱ ߟ ͑ͯ ͍ · ͢ɻ
    ໨ త ͱ ख ஈ
    ໨తͱखஈ
    [ E N D S a n d M E A N S ]

    View full-size slide

  18. Θ ͨ ͠ ͕ ϙ ʔ τϑΥ Ϧ Φ Λ ੍ ࡞ ͠ ͨ ͷ ͕ ೥ ɻ
    ౰ ࣌ ͷ ঢ় گ Λ ৼ Γ ฦ ͬͯ Έ · ͠ ͨ ɻ
    Ͳ ͏ ͍ ͏ ख ஈ Λ ͱ Δ ΂ ͖ ͔
    ໨తͱखஈ
    [ E N D S a n d M E A N S ]

    View full-size slide

  19. 2 0 1 3 2 0 1 4 2 0 1 5 2 0 1 6 2 0 1 7
    Ͳ ͏ ͍ ͏ ख ஈ Λ ͱ Δ ΂ ͖ ͔ ࣮ ੷ ࡞ ඼

    View full-size slide

  20. 2 0 1 3 2 0 1 4 2 0 1 5 2 0 1 6 2 0 1 7
    N O N E
    N O N E
    Ͳ ͏ ͍ ͏ ख ஈ Λ ͱ Δ ΂ ͖ ͔ ࣮ ੷ ϒ ϩ ά ɾ د ߘ

    View full-size slide

  21. 2 0 1 3 2 0 1 4 2 0 1 5 2 0 1 6 2 0 1 7
    N O N E
    N O N E
    Ͳ ͏ ͍ ͏ ख ஈ Λ ͱ Δ ΂ ͖ ͔ ࣮ ੷ ొ ஃ ɾ -5

    View full-size slide

  22. Ͳ ͏ ͍ ͏ ख ஈ Λ ͱ Δ ΂ ͖ ͔ ೥ ౰ ࣌ · Ͱ ͷ ࣮ ੷
    N O N E N O N E N O N E N O N E
    2 0 1 3 2 0 1 4

    View full-size slide

  23. ౰ ࣌ ͸ ɺ ࣗ ෼ ͷ Ұ ൪ ͷ ڧ Έ ʹ ͳ Δ ΋ ͷ ͸ ɺ
    ࡞ ඼ ͠ ͔ ͋ Γ · ͤΜͰ ͠ ͨ ɻ
    Ͳ ͏ ͍ ͏ ख ஈ Λ ͱ Δ ΂ ͖ ͔
    ໨తͱखஈ
    [ E N D S a n d M E A N S ]

    View full-size slide

  24. ͜ ͷ ࣌ ఺ Ͱ ͷ ɺ ࣗ ෼ ͷ ࠷ େ ͷ ෢ ث ͸ ࡞ ඼ ͩ ͱ ߟ ͑ ɺ
    ࣮ ੷ Λ · ͱ Ί ͨ ϙ ʔ τϑΥ Ϧ Φ ͷ ੍ ࡞ ʹ ࢸ Γ · ͠ ͨ ɻ
    Ͳ ͏ ͍ ͏ ख ஈ Λ ͱ Δ ΂ ͖ ͔
    ໨తͱखஈ
    [ E N D S a n d M E A N S ]

    View full-size slide

  25. ͦ͠ ͯ ɺ ͨ ͩ ϙ ʔ τϑΥ Ϧ Φ Λ ͭ ͘ Δ ͷ Ͱ ͸ ͳ ͘ ɺ
    ໨ త Λ ໌ ֬ ʹ ͠ ͯ ࡞ ੒ ͠ · ͠ ͨ ɻ
    ໨ త Λ ໌ ֬ ʹ ͢ Δ
    ໨తͱखஈ
    [ E N D S a n d M E A N S ]

    View full-size slide

  26. ౰ ࣌ ͸ ɺ ࣾ ձ ਓ ࡾ ೥ ໨ ɻ
    ձ ࣾ ͷ த Ͱ ͸ ࢓ ࣄ Λ ೚ ͤ ͯ ΋ Β ͑ ͭ ͭ ΋ ɺ
    ࣾ ֎ Ͱ ͸ Ұ ੾ ೝ ࣝ ͞ Ε ͯ ͍ ͳ ͍ ঢ় ଶ Ͱ ͠ ͨ ɻ
    ໨ త Λ ໌ ֬ ʹ ͢ Δ
    ໨తͱखஈ
    [ E N D S a n d M E A N S ]

    View full-size slide

  27. · ͣ ɺ ࣾ ֎ ͷ ͻ ͱ ʹ ೝ ஌ ͞ Ε Δ ɻ
    ʮ 8F C σ β Π φ ʔ ͷ த Ͱ ೝ ࣝ ͞ Ε Δ ʯ
    ͜ ͱ Λ ໨ ඪ ʹ ੍ ࡞ Λ ߦ ͍ · ͠ ͨ ɻ
    ໨ త Λ ໌ ֬ ʹ ͢ Δ
    ໨తͱखஈ
    [ E N D S a n d M E A N S ]

    View full-size slide

  28. ೝ ࣝ ͠ ͯ ΋ Β ͏ ͨ Ί ʹ ͸ Ͳ ͏ ͍ ͏ ද ݱ ͕ ద ੾ ͔ ɻ
    ͦ Ε ͩ ͚ Λ ߟ ͑ ɺ ଞ ͷ ༏ ઌ ॱ Ґ Λ Լ ͛ · ͠ ͨ ɻ
    ໨ త Λ ໌ ֬ ʹ ͢ Δ
    ໨తͱखஈ
    [ E N D S a n d M E A N S ]

    View full-size slide

  29. ໨ త Λ ໌ ֬ ʹ ͢ Δ

    View full-size slide

  30. ໨ త Λ ໌ ֬ ʹ ͢ Δ

    View full-size slide

  31. ֶ ੜ ࣌ ୅ ͔ Βͣ ͬ ͱ ͭ ͔ ͬͯ ͍ Δ ͜ ͷ ϩ ΰ ɻ
    ͜ ͷ ϩ ΰ Λ ࣗ ෼ ͷ إ ͱ ͯ͠ ɺ
    ୅ Θ Γ ʹ ֮ ͑ ͯ ΋ Β ͓ ͏ ͱ ߟ ͑ · ͠ ͨ ɻ
    ໨ త Λ ໌ ֬ ʹ ͢ Δ

    View full-size slide

  32. ʮ · ͣ ֮ ͑ ͯ ΋ Β ͏ ͜ ͱ ʯ ɻ
    ͜ Ε Λ ༏ ઌ ͠ ͨ ͷ Ͱ ɺ τ ο ϓ ʹ ϩ ΰ ͠ ͔ ஔ ͔ ͳ ͍
    ͱ ͍ ͏ ߈ Ί ͨ σ β Π ϯ ͕ Ͱ ͖ · ͠ ͨ ɻ
    ໨ త Λ ໌ ֬ ʹ ͢ Δ

    View full-size slide

  33. ͦ͠ ͯ ɺ ࣗ ෼ ͷ ໨ ඪ ʹ ߹ Θ ͤ ͯ σ βΠ ϯ ͢ Δ ͜ ͱ Ͱ ɺ
    ͍ ͍ ҙ ຯ Ͱ ઑ ͬ ͨ ɺ ଞ ͱ ࠩ ผ Խ Ͱ ͖ͨ α Π τ ʹ ɻ
    ໨ త Λ ໌ ֬ ʹ ͢ Δ

    View full-size slide

  34. ͦ ͠ ͯ ɺ α Π τ ެ ։ ͔ Β ਺ ೔ ޙ ʹ ɺ
    8F C % F T J H O J O H ͞Μ ͔ Β ܝ ࡌ ͷ ґ པ ͕ ͘ Δ ͳ Ͳ ɺ
    ໨ త Λ ໌ ֬ ʹ ͢ Δ

    View full-size slide

  35. ༧ ૝ Ҏ ্ ʹ ɺ
    ଟ ͘ ͷ ํ ʹ ݟ ͯ ͍ ͨ ͩ ͚ Δ ݁ Ռ ͱ ͳ Γ · ͠ ͨ ɻ
    ໨ త Λ ໌ ֬ ʹ ͢ Δ

    View full-size slide

  36. ໨ త Λ ໌ ֬ ʹ ͢ Δ
    6 * σ β Π ϯ Λ ͢ Δ ਓ ؒ ͱ ͯ͠ ͸ ɺ
    ͔ ͳ Γ ͝ ๏ ౓ ͳ σ β Π ϯ Ͱ ͸ ͋ Γ · ͠ ͨ ɻ

    View full-size slide

  37. ໨ త Λ ໌ ֬ ʹ ͢ Δ
    ͠ ͔ ͠ ɺ ʮ ֮ ͑ ͯ ΋ Β ͏ ʯ ͜ ͱ ͕ ΰ ʔ ϧ ͳ ͷ Ͱ ɺ
    ʮ ͳ Μ ͔ ݟ ͨ ͜ ͱ ͋ Δ ʯ ʹ ܨ ͕ Γ ͞ ͑ ͢ Ε ͹ Α ͍ ɺ
    ͱ ͔ ͳ Γ େ ୾ ʹ σ β Π ϯ Λ ߦ ͏ ͜ ͱ ͕ Ͱ ͖ · ͠ ͨ ɻ

    View full-size slide

  38. ໨ త Λ ໌ ֬ ʹ ͢ Δ
    ݁ Ռ త ʹ ɺ ϙ ʔ τϑΥ Ϧ Φ α Π τ ͕ ͖ ͬ ͔ ͚ Ͱ ɺ
    ֮ ͑ ͯ͘ ͩ ͞ ͬͯ ͍ Δ ํ ͕ ଟ ͘ ͳ Γ · ͠ ͨ ɻ

    View full-size slide

  39. ໨ త ͱ ख ஈ
    ࠓ ճ ͷ ϙ ʔ τϑΥ Ϧ Φ Ͱ ͸ ɺ
    ໨ త ͱ ख ஈ Λ ߟ ͑ ͯ σ βΠ ϯ Λ ߦ ͍ · ͠ ͨ ɻ
    ໨తͱखஈ
    [ E N D S a n d M E A N S ]

    View full-size slide

  40. ৽ ͠ ͍ ໨ త ͱ ख ஈ
    ͨ ͩ ɺ ໨ త ΋ ख ஈ ΋
    ঢ় گ ʹ ߹ Θ ͤ ͯ Ξ ο ϓ σ ʔ τ ͞ Ε Δ ΋ ͷ Ͱ ͢ɻ
    ৽͍͠໨తͱखஈ
    N e w [ E N D S a n d M E A N S ]

    View full-size slide

  41. ৽ ͠ ͍ ໨ త ͱ ख ஈ
    ͢ Ͱ ʹ ֮ ͑ͯ ΋ Β ͏ ͱ ͍ ͏ ໨ త ͸ Ռ ͨ ͠ ͨ ͷ Ͱ ɺ
    Ξ ο ϓ σ ʔ τ ͠ ͯ ͍ ͘ ඞ ཁ ͕ ͋ Γ · ͢ɻ
    ৽͍͠໨తͱखஈ
    N e w [ E N D S a n d M E A N S ]

    View full-size slide

  42. ৽ ͠ ͍ ໨ త ͱ ख ஈ
    ݱ ࡏ ͷ ϙ ʔ τϑΥ Ϧ Φ ΋
    ʮ ֮ ͑ ͯ ΋ Β ͏ ʯ ͱ ͍ ͏ ໨ త ʹ ͸
    ޮ Ռ ͕ ͋ ͬ ͨ ͷ Ͱ ͢ ͕ ɺ
    ৽͍͠໨తͱखஈ
    N e w [ E N D S a n d M E A N S ]

    View full-size slide

  43. ৽ ͠ ͍ ໨ త ͱ ख ஈ
    ʮ Ҋ ݅ ࣗ ମ ʹ ؾ ͮ ͔ Ε ʹ͘ ͍ ʯ
    ʮ ࢓ ࣄ ͷ ґ པ ͕ དྷ ΍ ͢ ͍ ࢓ ૊ Έ ʹ ͸ ͳͬͯ ͍ ͳ ͍ ʯ
    ͳ Ͳ ɺ ऑ ͍ ఺ ͸ ଟ ͍ ΋ ͷ Ͱ ͠ ͨ ɻ
    ৽͍͠໨తͱखஈ
    N e w [ E N D S a n d M E A N S ]

    View full-size slide

  44. ৽ ͠ ͍ ໨ త ͱ ख ஈ
    ݱ ࡏ ɺ ৽ ͠ ͍ ໨ త Λ ࣋ ͬͯ ɺ
    ϙ ʔ τϑΥ Ϧ Φ Λ Ϧ χ ϡ ʔ Ξϧ த Ͱ ͢ɻ
    ৽͍͠໨తͱखஈ
    N e w [ E N D S a n d M E A N S ]

    View full-size slide

  45. ৽ ͠ ͍ ໨ త ͱ ख ஈ
    ࠓ · Ͱ ͷ ࢓ ࣄ ͕ ɺ ৽ ͠ ͍ ࢓ ࣄ Λ ݺ Ϳ ɻ
    ৽ ͠ ͍ ௅ ઓ ΁ ͷ ͖ ͬ ͔ ͚ Λ ͭ ͘ Δ α Π τ ΁ ɻ
    ৽͍͠໨తͱखஈ
    N e w [ E N D S a n d M E A N S ]

    View full-size slide

  46. ৽ ͠ ͍ ໨ త ͱ ख ஈ
    ͦ ͷ ͨ Ί ͷ ख ஈ ͱ ͠ ͯ ɺ
    ݴ ༿ ͱ ί ϯ η ϓ τ ɺ ࢥ ͍ Λ ఻ ͑ Δ α Π τ ΁ ɻ
    ৽͍͠໨తͱखஈ
    N e w [ E N D S a n d M E A N S ]

    View full-size slide

  47. ৽ ͠ ͍ ໨ త ͱ ख ஈ
    ໨ త ͱ ख ஈ Λ Ξ ο ϓ σ ʔ τ ͠ ɺ
    ࠓ ʹ ͋ ͬ ͨ ࠷ ద ͳ ද ݱ ʹ ม ͑ͯ ͍ ͘ ɻ
    ৽͍͠໨తͱखஈ
    N e w [ E N D S a n d M E A N S ]

    View full-size slide

  48. ৽ ͠ ͍ ໨ త ͱ ख ஈ
    ͦ ͏ ͢ Δ ͜ ͱ Ͱ ɺ ଞ ͱ ͷ ҧ ͍ ͩ ͚ Ͱ ͳ ͘ ɺ
    ࠓ ͷ ࣗ ෼ ʹ ϑΟ ο τ ͠ ͨ ϙ ʔ τϑΥ Ϧ Φ ʹ ɻ
    ৽͍͠໨తͱखஈ
    N e w [ E N D S a n d M E A N S ]

    View full-size slide

  49. ϙ ʔ τϑΥ Ϧ Φ ͷ ΰ ʔ ϧ Λ ߟ ͑ Δ
    ໨ త Λ ໌ ֬ ʹ ͠ ɺ
    ࣗ ෼ ͕ ࣋ ͪ ͏ Δ ڧ Έ Λ ੜ ͔ ͤ Δ ख ஈ Λ ͱ Δ ɻ
    ໨తͱखஈ
    [ E N D S a n d M E A N S ]

    View full-size slide

  50. ໨ త Λ ໌ ֬ ʹ ͢ Δ
    ϙ ʔ τϑΥ Ϧ Φ ͸ ɺ ख ஈ ͷ ͻ ͱ ͭ Ͱ ͠ ͔ ͋ Γ · ͤΜ ɻ
    ඞ ͣ ඞ ཁ ͱ ΋ ݶ Γ · ͤΜ ɻ
    ໨తͱखஈ
    [ E N D S a n d M E A N S ]

    View full-size slide

  51. ϙ ʔ τϑΥ Ϧ Φ ͷ ΰ ʔ ϧ Λ ߟ ͑ Δ
    ͠ ͔ ͠ ɺ
    ࠓ ೔ ొ ஃ ͞ Ε ͨ Έ ͳ ͞Μ ͷ ͓ ࿩ Λ ͏ ͚ ͯ ɺ
    ʮ ͭ ͘ ͬͯ Έ Α ͏ ʂ ʯ ͱ ͳ ͬ ͨ ํ ͸ ɺ
    ໨తͱखஈ
    [ E N D S a n d M E A N S ]

    View full-size slide

  52. ϙ ʔ τϑΥ Ϧ Φ ͷ ΰ ʔ ϧ Λ ߟ ͑ Δ
    ͥ ͻ ɺ ࣗ ෼ ͷ ໨ త ʹ ͋ ͬ ͨ
    ϙ ʔ τϑΥ Ϧ Φ ͮ ͘ Γ ʹ ௅ ઓ ͯ͠ Έͯ͘ ͩ ͞ ͍ ʂ
    ໨తͱखஈ
    [ E N D S a n d M E A N S ]

    View full-size slide

  53. ϙ ʔ τϑΥ Ϧ Φ ͷ ΰ ʔ ϧ Λ ߟ ͑ Δ
    ͋ ͳ ͨ Β ͠ ͍ ɺ
    ͋ ͳ ͨ ͩ ͚ ͷ ϙ ʔ τϑΥ Ϧ Φ ͕ Ͱ ͖ · ͢Α ͏ ʹ ɻ
    ໨తͱखஈ
    [ E N D S a n d M E A N S ]

    View full-size slide

  54. ຊ ೔ ͸ ɺ ͓ ࿩ Λ ฉ ͍ ͯ͘ ͩ ͞ Γ ɺ
    ͋ Γ ͕ ͱ ͏ ͝ ͟ ͍ · ͠ ͨ ʂ
    ϙ ʔ τϑΥ Ϧ Φ ͷ ΰ ʔ ϧ Λ ߟ ͑ Δ

    View full-size slide

  55. ࠓ ճ ͷ ͓ ࿩ ͕ ɺ ͢ ͜ ͠ Ͱ ΋
    Έ ͳ ͞Μ ͷ ໾ ʹ ཱ ͯ ͹ ޾ ͍ Ͱ ͢ ʂ
    ϙ ʔ τϑΥ Ϧ Φ ͷ ΰ ʔ ϧ Λ ߟ ͑ Δ

    View full-size slide