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

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

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

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

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

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

Transcript

1. View Slide

2. ׂ ੴ ༟ ଠ
   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 Slide

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

   View Slide

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

   View Slide

5. '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 Slide

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

   View Slide

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

   View Slide

8. - 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 Slide

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

   View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View 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
    Ͳ ͏ ͍ ͏ ख ஈ Λ ͱ Δ ΂ ͖ ͔ ࣮ ੷ ϒ ϩ ά ɾ د ߘ
    

    View Slide

22. 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 Slide

23. Ͳ ͏ ͍ ͏ ख ஈ Λ ͱ Δ ΂ ͖ ͔ ೥ ౰ ࣌ · Ͱ ͷ ࣮ ੷
    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 Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

30. ໨ త Λ ໌ ֬ ʹ ͢ Δ
    

    View Slide

31. ໨ త Λ ໌ ֬ ʹ ͢ Δ
    

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

57. Thank you!
    

    View Slide