Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Speaker Deck
PRO
Sign in
Sign up for free
STORES.jp RENEWAL PROJECT 2015
Kanako Kawahara
March 22, 2016
Design
14
2.2k
STORES.jp RENEWAL PROJECT 2015
STORES.jpのリニューアルプロジェクトにおいて、デザイナーとして取り組んだことをまとめました。
Kanako Kawahara
March 22, 2016
Tweet
Share
More Decks by Kanako Kawahara
See All by Kanako Kawahara
CASH|ポジティブな「お金」の表現
kanakokawahara
80
120k
キャリアパスは考えすぎないほうがいい
kanakokawahara
11
7k
デザイナーとエンジニアの良い関係
kanakokawahara
46
40k
STORES.jpでできること
kanakokawahara
4
410
Webサービスをデザインするってどういうこと?- STORES.jpの場合
kanakokawahara
16
2.1k
STORES.jpトップページのつくりかた
kanakokawahara
3
680
STORES.jpのつくりかた
kanakokawahara
4
420
Other Decks in Design
See All in Design
Talent Show-Down (2022)
gyroidz
1
140
Figmaを学ぶ会Vol.2プロジェクトメンバー全員が幸せになるFigmaプロジェクト管理術
kuritagit
0
220
Big Surからの四角いアイコン / Rounded Rectangle Icons since Big Sur
1024jp
2
150
Misconceptions of Design Thinking
yosukeonishi
3
340
ダークモード対応に困ったときの便利な処方箋 / Color scheme for dark mode
featherplain
2
450
デザインスプリントの組織導入と活用について
transit_kix
3
1.3k
Meep
vincentwu
PRO
1
240
Episode 5 Onyx Monster Mysteries Song sequence
ivettetwin
0
290
Almost There
kignato1
1
1.3k
Designing Mobile Apps For Bharat
soham
3
140
Fairy Unfortunate Storyboard
livamoah
1
140
Google UX Design Certificate 受講してみた
oquloo
1
600
Featured
See All Featured
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
29
4.3k
Building Adaptive Systems
keathley
25
1.1k
Three Pipe Problems
jasonvnalue
89
8.6k
Navigating Team Friction
lara
175
11k
Thoughts on Productivity
jonyablonski
43
2.2k
Six Lessons from altMBA
skipperchong
14
1.3k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
498
130k
Optimizing for Happiness
mojombo
365
63k
No one is an island. Learnings from fostering a developers community.
thoeni
9
1.1k
Why You Should Never Use an ORM
jnunemaker
PRO
47
5.5k
Automating Front-end Workflow
addyosmani
1351
200k
ParisWeb 2013: Learning to Love: Crash Course in Emotional UX Design
dotmariusz
100
5.9k
Transcript
σβΠφʔͱͯ͠νϟϨϯδͨ͜͠ͱ
Kanako Kawahara 2013.05 Bracket, Inc. Designer kanakt.stores.jp
ϩʔϯ ν ͔ Β ͷ ϦχϡʔΞϧʂ
STEP 1 STEP 2 STEP 3 ετΞΛσβΠϯ ͯ͠ΈΑ͏ʂ ΞΠςϜΛ ొͯ͠ΈΑ͏ʂ
ετΞΛެ։ ͯ͠ΈΑ͏ʂ ετΞϦχϡʔΞϧ ߪೖऀଆ ཧը໘ϦχϡʔΞϧ ετΞΦʔφʔଆ 1st phase 2nd phase
Purpose ͳ ͥ ࠓ ϦχϡʔΞϧʁ
εϚϗ ϑΝʔετ ΞΫςΟϒ ར༻ ֤ػೳͷ ૌٻ
Challenge ϦχϡʔΞϧ Λ ਐ Ί Δத Ͱ ͷ σ βΠϯ
ͷ νϟϨϯ δ
Challenge / 1 γϯϓϧ͞Λ؏͖ͭͭ αʔϏεͷՄೳੑΛ͛Δ Challenge / 2 σβΠϯओಋͰϓϩδΣΫτΛਐΊΔ
Challenge / 1 γϯϓϧ͞Λ؏ ͖ͭ ͭ α ʔϏ εͷՄ ೳ
ੑ Λ ͛ Δ
ͯ͢ͷਓʹ ɺ ΦϯϥΠϯετΞΛ
4503&4KQ͕ࢦ͢ͷ ʮਓݸΦϯϥ ΠϯετΞΛ࣋ͭʯ จԽΛͭ͘Δ͜ͱͰ͢ɻ ܧଓతʹλʔήοτΛ֦େ͍ͯ͘͠ඞཁ ͕͋Γ·͢͠ɺ ϢʔβʔͷʹԠ͑ɺ ༷ʑ ͳػೳΛՃ͍ͯ͘͠ඞཁ͋Γ·ͨ͠ɻ
4503&4KQΒ͍͠γϯϓϧͳੈք؍ ଛͳΘͣʹɺ αʔϏεͷՄೳੑΛΑΓ͛ ͍ͯͨ͘Ίʹɺ ϒϥϯσΟϯάΛΑΓڧݻʹ 4503&4KQΒ͍͠ํ๏Ͱ՝Λղܾͯ͠ ͍͚ΔΑ͏νϟϨϯδΛ͍͖ͯ͠·ͨ͠ɻ
B randing 4 5 0 3 & 4 K
Q Β͠͞ͷ ࠶ ఆ ٛ
SIMPLE ڀۃతʹγϯϓϧͰɺ ؆୯ʹ ͭ͘ΕΔɺ ചΕΔɺ ങ͑Δɻ OPEN ಉ࣌ʹॊೈͳ֦ுੑඋ͓͑ͯΓ Մೳੑʹ։͔Ε͍ͯΔɻ FRIENDLY
͋ΒΏΔϨϕϧͷϢʔβʔʹ دΓఴ͍ɺ ϑϨϯυϦʔͰ͋Δɻ QUALITY ελʔͱͳΓಘΔɺ ײͷߴ͍ ʹબͯ͠Β͑Δ࣭Λอͭɻ αʔϏεΛݟͭΊ͠ ʮΒ͠͞ʯ Λఆٛ͠·ͨ͠
Personalized ඞ ཁ ͳ ใ Λ ඞ ཁ ͳλΠϛϯά
Ͱ
25 ະൃૹΦʔμʔ͕ ͋Γ·͢ʂ ݅ͷ ¥32,305 2015/02/28 ʹ ೖۚ͞Ε·͢ʂ SOLD OUT
ΞΠςϜͷ ࡏݿΛิॆ͠Α͏ʂ ετΞΛઆ໌͠Α͏ ͓٬༷ʹετΞͷ ίϯηϓτΛ͑Α͏ʂ ૹྉΛઃఆ͠Α͏ ಛఆऔҾ๏ʹؔ͢Δ දهΛొ͠Α͏ʂ ༷ʑͳ͓ࢧ͍ํ๏ ετΞͷ͓ࢧ͍ํ๏ Λઃఆ͠Α͏ʂ ΞΫηε૿Ճதʂ ͲΜͳํ͕ετΞΛ๚Εͯ ͍Δ͔νΣοΫ͠Α͏ʂ Prem ium ετΞΛએ͠Α͏ ֎෦ϝσΟΞͰετΞ ΞΠςϜΛએ͠Α͏ʂ ༑ୡʹհ͠Α͏ʂ ༑ୡհͰϓϨϛΞϜ ແྉΫʔϙϯΛ͓͏ʂ ඞ ཁ ͳ ใ ͕ ɺ ඞ ཁ ͳͱ͖ ʹ ಧ͘ʂ 25 ະൃૹΦʔμʔ͕ ͋Γ·͢ʂ ݅ͷ ¥32,305 2015/02/28 ʹ ೖۚ͞Ε·͢ʂ SOLD OUT ΞΠςϜͷ ࡏݿΛิॆ͠Α͏ʂ ετΞΛઆ໌͠Α͏ ͓٬༷ʹετΞͷ ίϯηϓτΛ͑Α͏ʂ ૹྉΛઃఆ͠Α͏ ಛఆऔҾ๏ʹؔ͢Δ දهΛొ͠Α͏ʂ ༷ʑͳ͓ࢧ͍ํ๏ ετΞͷ͓ࢧ͍ํ๏ Λઃఆ͠Α͏ʂ ΞΫηε૿Ճதʂ ͲΜͳํ͕ετΞΛ๚Εͯ ͍Δ͔νΣοΫ͠Α͏ʂ Prem ium ετΞΛએ͠Α͏ ֎෦ϝσΟΞͰετΞ ΞΠςϜΛએ͠Α͏ʂ ༑ୡʹհ͠Α͏ʂ ༑ୡհͰϓϨϛΞϜ ແྉΫʔϙϯΛ͓͏ʂ ඞ ཁ ͳ ใ ͕ɺ ඞ ཁ ͳͱ͖ʹ ಧ͘ ʂ
4 5 0 3 & 4 K Q Ϣʔβʔͷଐ
ੑ ෯ ͘ શ͘ͷωοτॳ৺ऀ͚ͩΕͲΦϯϥΠϯ ετΞΛ࢝ΊͯΈ͍ͨͱ͍͏ํ͔Βɺ ຊ֨త ͳࣄۀͱͯ͠&$ΛӡӦ͍ͯ͠Δاۀ༷· ͰଟذʹΘͨΓɺ ͦͷత༷ʑͰ͢ɻ
ʮͯ͢ͷਓʯΛλʔήοτʹਾ͑ΔͨΊɺ ͦͷਓʹͱͬͯɺ ͦͷͱ͖ඞཁʹͳΔ͜ͱ ͚ͩΛຕͷΧʔυͰ͑Δͱ͍͏Έ ΛσβΠϯ͠·ͨ͠ɻෳ߹తͳ݅Λͱ ʹΧʔυͷද͕ܾࣔఆ͞Ε·͢ɻ
Func tion γϯϓϧ͞ͱ ্ ڃ ऀ ͚ ػ ೳ
ͷ ڞ ଘ
্ ڃ ऀ ͚ ػ ೳ ౷ Ұͨ͠
ॴ
ܧ ଓ త ʹ ػ ೳ ͕ ૿͍͑ͯͬͯ ɺҰ ը
໘ γϯϓϧ ʹอ ͭ͜ͱ͕ Ͱ͖ΔΑ͏ ʹ ɺ ͋Δఔ ্ ڃ ऀ ͚ͷ ػ ೳ ౷ Ұ ͨ͠ॴʹ͠·͍ࠐΉϧʔϧΛઃ͚Δͳ Ͳɺ શମͷը໘ઃܭΛݟ͠·ͨ͠ɻ
Challenge / 2 σ βΠϯ ओ ಋ Ͱ ϓ ϩδΣΫτΛ
ਐ Ί Δ
ͯ͢ϞοΫ͔Βελʔτ ϓϩδΣΫτԽΑΓઌʹϞοΫΛ࡞ɻ ͷΔ͖ཧ༝ΛฒΔΑΓ ͷϞοΫͷํ͕ΘΓ͍͢ɻ
None
ϓϩδΣΫτϩΰΛ ࡞ͬͯΈͨ νʔϜͷงғؾͮ͘ΓͷҰɻ ϩΰ͕͋Δ͚ͩͰͪΐͬͱςϯγϣϯ͕ ্͕ΔͷͰ͓͢͢ΊͰ͢ɻ
None
σβΠϯͷҙਤΛ܁Γฦ͠ڞ ༗ શελοϑʹҙਤΛڞ༗͢Δ࣌ؒΛ ఆظతʹऔΓɺ ͜ͷϓϩδΣΫτͰ ʮ࣮ݱ͍ͨ͜͠ͱʯ Λ͑ଓ͚·ͨ͠ɻ
None
Reflec tion ϦχϡʔΞϧ Λ ऴ ͑ͯ Կ ͕ ม Θ
ͬͨ ͔
ΞΫςΟϒར༻ εϚϗར༻ ཧը໘ͷؼ ৽ن༗ྉձһ νʔϜͰͷ։ൃମ੍͍͍ײ͡ʹ
·͙ͬ͢ʹਐΊΒΕͨ͜ͱ͚ͩͰ͋Γ· ͤΜͰ͕ͨ͠ɺ ͜Ε͔Βͷ͔ͬ͠Γͱ ͠ɺ ঃʑʹ Ռग़͡Ί͍ͯ·͢ɻ ͜Ε͔ΒΑΓྑ͍αʔϏεΛఏڙͰ͖Δ Α͏ɺ νϟϨϯδΛॏͶ͍͖ͯ·͢ʂ
ht t ps://stores . jp