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

STORES.jp RENEWAL PROJECT 2015

STORES.jp RENEWAL PROJECT 2015

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

Kanako Kawahara

March 22, 2016
Tweet

More Decks by Kanako Kawahara

Other Decks in Design

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