STORES.jp RENEWAL PROJECT 2015

STORES.jpのリニューアルプロジェクトにおいて、デザイナーとして取り組んだことをまとめました。

Transcript

1. σβΠφʔͱͯ͠νϟϨϯδͨ͜͠ͱ
   

   View Slide

2. Kanako Kawahara
   2013.05
   Bracket, Inc.
   Designer
   kanakt.stores.jp
   

   View Slide

3. ϩʔϯ ν ͔ Β ೥ ໨ͷ
   ϦχϡʔΞϧʂ
   

   View Slide

4. STEP 1
   STEP 2
   STEP 3
   ετΞΛσβΠϯ
   ͯ͠ΈΑ͏ʂ
   ΞΠςϜΛ
   ొ࿥ͯ͠ΈΑ͏ʂ
   ετΞΛެ։
   ͯ͠ΈΑ͏ʂ
   ετΞϦχϡʔΞϧ
   ߪೖऀଆ
   ؅ཧը໘ϦχϡʔΞϧ
   ετΞΦʔφʔଆ
   1st phase 2nd phase
   

   View Slide

5. Purpose
   ͳ ͥ ࠓ
   ϦχϡʔΞϧʁ
   

   View Slide

6. εϚϗ
   ϑΝʔετ
   ΞΫςΟϒ
   ར༻཰
   ֤ػೳͷ
   ૌٻ
   

   View Slide

7. Challenge
   ϦχϡʔΞϧ Λ ਐ Ί Δத Ͱ ͷ
   σ βΠϯ ͷ νϟϨϯ δ
   

   View Slide

8. Challenge / 1
   γϯϓϧ͞Λ؏͖ͭͭ
   αʔϏεͷՄೳੑΛ޿͛Δ
   Challenge / 2
   σβΠϯओಋͰϓϩδΣΫτΛਐΊΔ
   

   View Slide

9. Challenge / 1
   γϯϓϧ͞Λ؏ ͖ͭ ͭ
   α ʔϏ εͷՄ ೳ ੑ Λ ޿ ͛ Δ
   

   View Slide

10. ͢΂ͯͷਓʹ ɺ
    ΦϯϥΠϯετΞΛ
    

    View Slide

11. 4503&4KQ͕໨ࢦ͢ͷ͸
    ʮਓݸΦϯϥ
    ΠϯετΞΛ࣋ͭʯ
    จԽΛͭ͘Δ͜ͱͰ͢ɻ
    ܧଓతʹλʔήοτ૚Λ֦େ͍ͯ͘͠ඞཁ
    ͕͋Γ·͢͠ɺ
    Ϣʔβʔͷ੠ʹԠ͑ɺ
    ༷ʑ
    ͳػೳΛ௥Ճ͍ͯ͘͠ඞཁ΋͋Γ·ͨ͠ɻ
    

    View Slide

12. 4503&4KQΒ͍͠γϯϓϧͳੈք؍͸
    ଛͳΘͣʹɺ
    αʔϏεͷՄೳੑΛΑΓ޿͛
    ͍ͯͨ͘Ίʹɺ
    ϒϥϯσΟϯάΛΑΓڧݻʹ
    4503&4KQΒ͍͠ํ๏Ͱ՝୊Λղܾͯ͠
    ͍͚ΔΑ͏νϟϨϯδΛ͍͖ͯ͠·ͨ͠ɻ
    

    View Slide

13. B randing
    4 5 0 3 & 4 K Q Β͠͞ͷ
    ࠶ ఆ ٛ
    

    View Slide

14. SIMPLE
    ڀۃతʹγϯϓϧͰɺ
    ؆୯ʹ
    ͭ͘ΕΔɺ
    ചΕΔɺ
    ങ͑Δɻ
    OPEN
    ಉ࣌ʹॊೈͳ֦ுੑ΋උ͓͑ͯΓ
    Մೳੑʹ։͔Ε͍ͯΔɻ
    FRIENDLY
    ͋ΒΏΔϨϕϧͷϢʔβʔʹ
    دΓఴ͍ɺ
    ϑϨϯυϦʔͰ͋Δɻ
    QUALITY
    ελʔͱͳΓಘΔɺ
    ײ౓ͷߴ͍૚
    ʹ΋બ୒ͯ͠΋Β͑Δ࣭Λอͭɻ
    αʔϏεΛݟͭΊ௚͠
    ʮΒ͠͞ʯ
    Λఆٛ͠·ͨ͠
    

    View Slide

15. Personalized
    ඞ ཁ ͳ ৘ ใ Λ
    ඞ ཁ ͳλΠϛϯά Ͱ
    

    View Slide

16. 25
    ະൃૹΦʔμʔ͕
    ͋Γ·͢ʂ
    ݅ͷ
    ¥32,305
    2015/02/28 ʹ
    ೖۚ͞Ε·͢ʂ
    SOLD OUT
    ΞΠςϜͷ
    ࡏݿΛิॆ͠Α͏ʂ
    ετΞΛઆ໌͠Α͏
    ͓٬༷ʹετΞͷ
    ίϯηϓτΛ఻͑Α͏ʂ
    ૹྉΛઃఆ͠Α͏
    ಛఆ঎औҾ๏ʹؔ͢Δ
    දهΛొ࿥͠Α͏ʂ
    ༷ʑͳ͓ࢧ෷͍ํ๏
    ετΞͷ͓ࢧ෷͍ํ๏
    Λઃఆ͠Α͏ʂ
    ΞΫηε૿Ճதʂ
    ͲΜͳํ͕ετΞΛ๚Εͯ
    ͍Δ͔νΣοΫ͠Α͏ʂ
    Prem
    ium
    ετΞΛએ఻͠Α͏
    ֎෦ϝσΟΞͰετΞ΍
    ΞΠςϜΛએ఻͠Α͏ʂ
    ༑ୡʹ঺հ͠Α͏ʂ
    ༑ୡ঺հͰϓϨϛΞϜ
    ແྉΫʔϙϯΛ໯͓͏ʂ
    ඞ ཁ ͳ ৘ ใ ͕ ɺ
    ඞ ཁ ͳͱ͖ ʹ ಧ͘ʂ
    25
    ະൃૹΦʔμʔ͕
    ͋Γ·͢ʂ
    ݅ͷ
    ¥32,305
    2015/02/28 ʹ
    ೖۚ͞Ε·͢ʂ
    SOLD OUT
    ΞΠςϜͷ
    ࡏݿΛิॆ͠Α͏ʂ
    ετΞΛઆ໌͠Α͏
    ͓٬༷ʹετΞͷ
    ίϯηϓτΛ఻͑Α͏ʂ
    ૹྉΛઃఆ͠Α͏
    ಛఆ঎औҾ๏ʹؔ͢Δ
    දهΛొ࿥͠Α͏ʂ
    ༷ʑͳ͓ࢧ෷͍ํ๏
    ετΞͷ͓ࢧ෷͍ํ๏
    Λઃఆ͠Α͏ʂ
    ΞΫηε૿Ճதʂ
    ͲΜͳํ͕ετΞΛ๚Εͯ
    ͍Δ͔νΣοΫ͠Α͏ʂ
    Prem
    ium
    ετΞΛએ఻͠Α͏
    ֎෦ϝσΟΞͰετΞ΍
    ΞΠςϜΛએ఻͠Α͏ʂ
    ༑ୡʹ঺հ͠Α͏ʂ
    ༑ୡ঺հͰϓϨϛΞϜ
    ແྉΫʔϙϯΛ໯͓͏ʂ
    ඞ ཁ ͳ ৘ ใ ͕ɺ
    ඞ ཁ ͳͱ͖ʹ ಧ͘
    ʂ
    

    View Slide

17. 4 5 0 3 & 4 K Q Ϣʔβʔͷଐ ੑ͸ ෯ ޿͘
    શ͘ͷωοτॳ৺ऀ͚ͩΕͲ΋ΦϯϥΠϯ
    ετΞΛ࢝ΊͯΈ͍ͨͱ͍͏ํ͔Βɺ
    ຊ֨త
    ͳࣄۀͱͯ͠&$ΛӡӦ͍ͯ͠Δاۀ༷·
    ͰଟذʹΘͨΓɺ
    ͦͷ໨త΋༷ʑͰ͢ɻ
    

    View Slide

18. ʮ͢΂ͯͷਓʯΛλʔήοτʹਾ͑ΔͨΊɺ
    ͦͷਓʹͱͬͯɺ
    ͦͷͱ͖ඞཁʹͳΔ͜ͱ
    ͚ͩΛຕͷΧʔυͰ఻͑Δͱ͍͏࢓૊Έ
    ΛσβΠϯ͠·ͨ͠ɻෳ߹తͳ৚݅Λ΋ͱ
    ʹΧʔυͷද͕ܾࣔఆ͞Ε·͢ɻ
    

    View Slide

19. Func tion
    γϯϓϧ͞ͱ
    ্ ڃ ऀ ޲ ͚ ػ ೳ ͷ ڞ ଘ
    

    View Slide

20. ্ ڃ ऀ ޲ ͚ ػ ೳ ͸ ౷ Ұͨ͠ ৔ ॴ ΁
    

    View Slide

21. ܧ ଓ త ʹ ػ ೳ ͕ ૿͍͑ͯͬͯ΋ ɺҰ ը
    ໘ ͸ γϯϓϧ ʹอ ͭ͜ͱ͕ Ͱ͖ΔΑ͏
    ʹ ɺ
    ͋Δఔ ౓ ্ ڃ ऀ ޲͚ͷ ػ ೳ͸ ౷ Ұ
    ͨ͠৔ॴʹ͠·͍ࠐΉϧʔϧΛઃ͚Δͳ
    Ͳɺ
    શମͷը໘ઃܭΛݟ௚͠·ͨ͠ɻ
    

    View Slide

22. Challenge / 2
    σ βΠϯ ओ ಋ Ͱ
    ϓ ϩδΣΫτΛ ਐ Ί Δ
    

    View Slide

23. ͢΂ͯ͸ϞοΫ͔Βελʔτ
    ϓϩδΣΫτԽΑΓ΋ઌʹϞοΫΛ࡞੒ɻ
    ͷ΍Δ΂͖ཧ༝Λฒ΂ΔΑΓ΋
    ͷϞοΫͷํ͕఻ΘΓ΍͍͢ɻ
    

    View Slide

24. View Slide

25. ϓϩδΣΫτϩΰΛ ࡞ͬͯΈͨ
    νʔϜͷงғؾͮ͘ΓͷҰ؀ɻ
    ϩΰ͕͋Δ͚ͩͰͪΐͬͱςϯγϣϯ͕
    ্͕ΔͷͰ͓͢͢ΊͰ͢ɻ
    

    View Slide

26. View Slide

27. σβΠϯͷҙਤΛ܁Γฦ͠ڞ ༗
    શελοϑʹҙਤΛڞ༗͢Δ࣌ؒΛ
    ఆظతʹऔΓɺ
    ͜ͷϓϩδΣΫτͰ
    ʮ࣮ݱ͍ͨ͜͠ͱʯ
    Λ఻͑ଓ͚·ͨ͠ɻ
    

    View Slide

28. View Slide

29. Reflec tion
    ϦχϡʔΞϧ Λ ऴ ͑ͯ
    Կ ͕ ม Θ ͬͨ ͔
    

    View Slide

30. ΞΫςΟϒར༻཰
    εϚϗར༻཰
    ؅ཧը໘ͷ௚ؼ཰
    ৽ن༗ྉձһ
    νʔϜͰͷ։ൃମ੍΋͍͍ײ͡ʹ
    

    View Slide

31. ·͙ͬ͢ʹਐΊΒΕͨ͜ͱ͚ͩͰ͸͋Γ·
    ͤΜͰ͕ͨ͠ɺ
    ͜Ε͔Βͷ౔୆͸͔ͬ͠Γͱ
    ׬ ੒͠ɺ
    ঃʑʹ੒ Ռ΋ग़͸͡Ί͍ͯ·͢ɻ
    ͜Ε͔Β΋ΑΓྑ͍αʔϏεΛఏڙͰ͖Δ
    Α͏ɺ
    νϟϨϯδΛॏͶ͍͖ͯ·͢ʂ
    

    View Slide

32. ht t ps://stores . jp
    

    View Slide