SlideShare a Scribd company logo
1 of 89
Download to read offline
How Has Ecommerce Site
Design Changed—And
What Changes Are Next?
IRCE CONFERENCE, CHICAGO - JUNE 9, 2017
Josh Levine

Cake & Arrow
Brian Moore
Bose Corporation
Hi, I’m Joshua
CO-FOUNDER, CHIEF DESIGN OFFICER
20 Years in E-commerce

Designer by trade

E-commerce strategy and design

Research based insights

15 years – IMA Top 10 Agency

AdAge & Crain’s “Best Place to Work”
www.cakeandarrow.com
22 Years in UX/Advertising

Studied Journalism/Art/Design

I love the 80s

And cowboy shirts with snaps

Embedded in Bose for 6 Years

(My Bob Ross phase)
Hi, I’m Brian
CREATIVE DIRECTOR
2000
2004
2009
2012
2017
A coming of
age story
ZAPPOS
My, how things

have changed
My, how things

have changed
INDUSTRY

DEVELOPMENTS
TECHNOLOGY

ADVANCES
DESIGN TOOLS

EVOLVE
In just the last few years, we’ve seen...
Ongoing commodification

of e-commerce

Heightened standards 

of customer service

Convergence of online 

and in-store

Evolving service models

Next-gen marketing
INDUSTRY DEVELOPMENTS
Mobile dominance

Widespread adoption of
new devices and technology

TECHNOLOGY ADVANCES
Availability of patterns 

and standardized visual
languages

The democratization of
“good design”
DESIGN TOOLS EVOLVE
And as a result, 

we must design experiences

to meet the always rising
expectations of our users.
It’s all about

the people
A more distinctive 

brand expression
Shopping experiences
tailored to the product
To be met 

where they are
PEOPLE EXPECT
A more distinctive
brand expression
“Good design” is now a given—brands
break the templates to deliver an experience
that truly speaks to their customers.
PEOPLE EXPECT
From flat to semi flat
Flat Semi-flat
Source: https://designmodo.com
Stripped down to basics—color, type, icons

Appearance secondary to function

Lack of signifiers on clickable elements
Creates visual hierarchy through shadows 

and transitions

All elements serve a purpose
Richer typography
More contrast in size, font
pairings, and colors. White
space is a design element.
DISTINCTIVE BRAND
2013 2017
Even Amazon is leveraging it
Breaking the grid
Asymmetry and open
composition help to break
monotony of the grid.
DISTINCTIVE BRAND
adamunderwear.com
Apply layering and design
purposeful white space.
DISTINCTIVE BRAND
shinola.com
Infuse personality
with bolder,
brighter colors.
DISTINCTIVE BRAND
kindsnacks.com
Incorporating animations &
micro-interactions
Micro-interactions can make
the user interface less machine
and more human.
DISTINCTIVE BRAND
adamunderwear.com
Provide a greater sense of
control to user through
immediate feedback.
DISTINCTIVE BRAND
Source: Matt D. Smith
How we’ve

applied it
2011
2013
2015
2017
2011
2013
2015
2017
2011
2013
2015
2017
2017
PEOPLE EXPECT
Buying a chair is different than buying
a bath bomb—design accordingly.
Shopping experiences
tailored to the product
Storytelling through
designed content
The scenario Hmm. 

I really need a 

chair for my
living room.
?
Bigger, better photography
Breaking from
the traditional
single photo
lockup.
TAILORED EXPERIENCES
lululemon.com
Interactive
imagery to tell
full story.
TAILORED EXPERIENCES
47brand.com warbyparker.com
Convey trust and transparency
through detailed photos of the
raw materials.
TAILORED EXPERIENCES
kindsnacks.com
Making video central

to the experience
Video as featured product
stikwood.com
Or as a supporting accent
uk.lush.com
Designing for trust
supplyhouse.com
Keep it real Don’t hire Ann Sofie
How we’ve

applied it
STUDIO
01
SITUATIONAL
02
EVOCATIVE
03
22xlonger than control
30%
increase in conversion
Source: Luke Wroblewski pic.twitter.com/tlPBLAg1Cn
Yes, people scroll.
CONTROL CHALLENGER
(Wireframes)
PEOPLE EXPECT
Customers control when and where they
connect with your brand—don’t stop them!
To be met where
they are
Personalizing the

experience
“Where should I go for my birthday?”
Interfaces will
adapt to people’s
lifestyles and
habits, creating
a more fluid and
conversational
experience.
WHERE THEY ARE
Source: Forbes, The Future Of UX Is Here
“Where should I go for my birthday?”
Interfaces will
adapt to people’s
lifestyles and
habits, creating
a more fluid and
conversational
experience.
WHERE THEY ARE
Source: Forbes, The Future Of UX Is Here
Organic discovery
NFL - through 

advertising or social
Designing for conversation
What will design look like when there
are no screens to design for?
HAPTICS VOICE AUTOMATED
Source: Inside Intercom
22%
mobile queries were
made via voice
Source: RECODE - Mary Meeker Internet Trends
95%
accuracy for
voice queries
Voice is beginning to replace typing in online queries.
unqork.com
How we’ve

applied it
Consistency across

touchpoints
As the line between channels
blurs, it’s on us as designers to
bridge these experiences.
41%
of shoppers use the shopping cart simply to
tally their order or as a wishlist, with no
intention of purchasing in that session.
A cart isn’t just a cart anymore.
Source: Foresee Results, Eric Feinberg
“Loving these in-ear headphones, but I want to try them on before I buy…”
In-Ear HeadphonesHome Theatre
In-Ear HeadphonesHome Theatre
How we design has
changed too
IT’S MORE THAN JUST THE DESIGN ITSELF
Designing systems, 

not pages

Less perfection, 

more validation

Co-creation and cross-
functional collaboration 

Everyone is a designer

NEW WAYS OF DESIGNING
Thank you Josh Levine
Co-founder, Chief Design Officer
jlevine@cakeandarrow.com
Brian Moore
Creative Director
brian_moore@bose.com
View all SlideShare presentations
www.cakeandarrow.com

More Related Content

More from Josh Levine

20 Tips to Improve Sales on your Ecommerce Site
20 Tips to Improve Sales on your Ecommerce Site20 Tips to Improve Sales on your Ecommerce Site
20 Tips to Improve Sales on your Ecommerce SiteJosh Levine
 
The 8 Principles of Design – How to Leverage the Power of Design and Turn Con...
The 8 Principles of Design – How to Leverage the Power of Design and Turn Con...The 8 Principles of Design – How to Leverage the Power of Design and Turn Con...
The 8 Principles of Design – How to Leverage the Power of Design and Turn Con...Josh Levine
 
March of DImes, March for Babies – Fundraising Tips from Team Levine
March of DImes, March for Babies – Fundraising Tips from Team LevineMarch of DImes, March for Babies – Fundraising Tips from Team Levine
March of DImes, March for Babies – Fundraising Tips from Team LevineJosh Levine
 
Usability vs Design – When Does One Trump the Other? AI (Alexander Interactiv...
Usability vs Design – When Does One Trump the Other? AI (Alexander Interactiv...Usability vs Design – When Does One Trump the Other? AI (Alexander Interactiv...
Usability vs Design – When Does One Trump the Other? AI (Alexander Interactiv...Josh Levine
 
Color, themes, fonts: The building blocks of good e-commerce and ui design
Color, themes, fonts: The building blocks of good e-commerce and ui designColor, themes, fonts: The building blocks of good e-commerce and ui design
Color, themes, fonts: The building blocks of good e-commerce and ui designJosh Levine
 
Charting the Successful Redesign of an Independent Ecommerce Small Business —...
Charting the Successful Redesign of an Independent Ecommerce Small Business —...Charting the Successful Redesign of an Independent Ecommerce Small Business —...
Charting the Successful Redesign of an Independent Ecommerce Small Business —...Josh Levine
 

More from Josh Levine (6)

20 Tips to Improve Sales on your Ecommerce Site
20 Tips to Improve Sales on your Ecommerce Site20 Tips to Improve Sales on your Ecommerce Site
20 Tips to Improve Sales on your Ecommerce Site
 
The 8 Principles of Design – How to Leverage the Power of Design and Turn Con...
The 8 Principles of Design – How to Leverage the Power of Design and Turn Con...The 8 Principles of Design – How to Leverage the Power of Design and Turn Con...
The 8 Principles of Design – How to Leverage the Power of Design and Turn Con...
 
March of DImes, March for Babies – Fundraising Tips from Team Levine
March of DImes, March for Babies – Fundraising Tips from Team LevineMarch of DImes, March for Babies – Fundraising Tips from Team Levine
March of DImes, March for Babies – Fundraising Tips from Team Levine
 
Usability vs Design – When Does One Trump the Other? AI (Alexander Interactiv...
Usability vs Design – When Does One Trump the Other? AI (Alexander Interactiv...Usability vs Design – When Does One Trump the Other? AI (Alexander Interactiv...
Usability vs Design – When Does One Trump the Other? AI (Alexander Interactiv...
 
Color, themes, fonts: The building blocks of good e-commerce and ui design
Color, themes, fonts: The building blocks of good e-commerce and ui designColor, themes, fonts: The building blocks of good e-commerce and ui design
Color, themes, fonts: The building blocks of good e-commerce and ui design
 
Charting the Successful Redesign of an Independent Ecommerce Small Business —...
Charting the Successful Redesign of an Independent Ecommerce Small Business —...Charting the Successful Redesign of an Independent Ecommerce Small Business —...
Charting the Successful Redesign of an Independent Ecommerce Small Business —...
 

Recently uploaded

Nisha Yadav Escorts Service Ernakulam ❣️ 7014168258 ❣️ High Cost Unlimited Ha...
Nisha Yadav Escorts Service Ernakulam ❣️ 7014168258 ❣️ High Cost Unlimited Ha...Nisha Yadav Escorts Service Ernakulam ❣️ 7014168258 ❣️ High Cost Unlimited Ha...
Nisha Yadav Escorts Service Ernakulam ❣️ 7014168258 ❣️ High Cost Unlimited Ha...nirzagarg
 
💫✅jodhpur 24×7 BEST GENUINE PERSON LOW PRICE CALL GIRL SERVICE FULL SATISFACT...
💫✅jodhpur 24×7 BEST GENUINE PERSON LOW PRICE CALL GIRL SERVICE FULL SATISFACT...💫✅jodhpur 24×7 BEST GENUINE PERSON LOW PRICE CALL GIRL SERVICE FULL SATISFACT...
💫✅jodhpur 24×7 BEST GENUINE PERSON LOW PRICE CALL GIRL SERVICE FULL SATISFACT...sonalitrivedi431
 
call girls in Dakshinpuri (DELHI) 🔝 >༒9953056974 🔝 genuine Escort Service 🔝✔️✔️
call girls in Dakshinpuri  (DELHI) 🔝 >༒9953056974 🔝 genuine Escort Service 🔝✔️✔️call girls in Dakshinpuri  (DELHI) 🔝 >༒9953056974 🔝 genuine Escort Service 🔝✔️✔️
call girls in Dakshinpuri (DELHI) 🔝 >༒9953056974 🔝 genuine Escort Service 🔝✔️✔️9953056974 Low Rate Call Girls In Saket, Delhi NCR
 
Whitefield Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Ba...
Whitefield Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Ba...Whitefield Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Ba...
Whitefield Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Ba...amitlee9823
 
➥🔝 7737669865 🔝▻ dharamshala Call-girls in Women Seeking Men 🔝dharamshala🔝 ...
➥🔝 7737669865 🔝▻ dharamshala Call-girls in Women Seeking Men  🔝dharamshala🔝  ...➥🔝 7737669865 🔝▻ dharamshala Call-girls in Women Seeking Men  🔝dharamshala🔝  ...
➥🔝 7737669865 🔝▻ dharamshala Call-girls in Women Seeking Men 🔝dharamshala🔝 ...amitlee9823
 
Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)amitlee9823
 
❤Personal Whatsapp Number 8617697112 Samba Call Girls 💦✅.
❤Personal Whatsapp Number 8617697112 Samba Call Girls 💦✅.❤Personal Whatsapp Number 8617697112 Samba Call Girls 💦✅.
❤Personal Whatsapp Number 8617697112 Samba Call Girls 💦✅.Nitya salvi
 
Recommendable # 971589162217 # philippine Young Call Girls in Dubai By Marina...
Recommendable # 971589162217 # philippine Young Call Girls in Dubai By Marina...Recommendable # 971589162217 # philippine Young Call Girls in Dubai By Marina...
Recommendable # 971589162217 # philippine Young Call Girls in Dubai By Marina...home
 
Sweety Planet Packaging Design Process Book.pptx
Sweety Planet Packaging Design Process Book.pptxSweety Planet Packaging Design Process Book.pptx
Sweety Planet Packaging Design Process Book.pptxbingyichin04
 
How to Build a Simple Shopify Website
How to Build a Simple Shopify WebsiteHow to Build a Simple Shopify Website
How to Build a Simple Shopify Websitemark11275
 
Sector 105, Noida Call girls :8448380779 Model Escorts | 100% verified
Sector 105, Noida Call girls :8448380779 Model Escorts | 100% verifiedSector 105, Noida Call girls :8448380779 Model Escorts | 100% verified
Sector 105, Noida Call girls :8448380779 Model Escorts | 100% verifiedDelhi Call girls
 
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证eeanqy
 
Verified Trusted Call Girls Adugodi💘 9352852248 Good Looking standard Profil...
Verified Trusted Call Girls Adugodi💘 9352852248  Good Looking standard Profil...Verified Trusted Call Girls Adugodi💘 9352852248  Good Looking standard Profil...
Verified Trusted Call Girls Adugodi💘 9352852248 Good Looking standard Profil...kumaririma588
 
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Hy...
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Hy...Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Hy...
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Hy...Pooja Nehwal
 
WhatsApp Chat: 📞 8617697112 Call Girl Baran is experienced
WhatsApp Chat: 📞 8617697112 Call Girl Baran is experiencedWhatsApp Chat: 📞 8617697112 Call Girl Baran is experienced
WhatsApp Chat: 📞 8617697112 Call Girl Baran is experiencedNitya salvi
 
Call Girls In Jp Nagar ☎ 7737669865 🥵 Book Your One night Stand
Call Girls In Jp Nagar ☎ 7737669865 🥵 Book Your One night StandCall Girls In Jp Nagar ☎ 7737669865 🥵 Book Your One night Stand
Call Girls In Jp Nagar ☎ 7737669865 🥵 Book Your One night Standamitlee9823
 
Book Paid In Vashi In 8976425520 Navi Mumbai Call Girls
Book Paid In Vashi In 8976425520 Navi Mumbai Call GirlsBook Paid In Vashi In 8976425520 Navi Mumbai Call Girls
Book Paid In Vashi In 8976425520 Navi Mumbai Call Girlsmodelanjalisharma4
 
AMBER GRAIN EMBROIDERY | Growing folklore elements | Root-based materials, w...
AMBER GRAIN EMBROIDERY | Growing folklore elements |  Root-based materials, w...AMBER GRAIN EMBROIDERY | Growing folklore elements |  Root-based materials, w...
AMBER GRAIN EMBROIDERY | Growing folklore elements | Root-based materials, w...BarusRa
 
HiFi Call Girl Service Delhi Phone ☞ 9899900591 ☜ Escorts Service at along wi...
HiFi Call Girl Service Delhi Phone ☞ 9899900591 ☜ Escorts Service at along wi...HiFi Call Girl Service Delhi Phone ☞ 9899900591 ☜ Escorts Service at along wi...
HiFi Call Girl Service Delhi Phone ☞ 9899900591 ☜ Escorts Service at along wi...poojakaurpk09
 
Real service provider college girl Mira Road 8976425520
Real service provider college girl Mira Road 8976425520Real service provider college girl Mira Road 8976425520
Real service provider college girl Mira Road 8976425520modelanjalisharma4
 

Recently uploaded (20)

Nisha Yadav Escorts Service Ernakulam ❣️ 7014168258 ❣️ High Cost Unlimited Ha...
Nisha Yadav Escorts Service Ernakulam ❣️ 7014168258 ❣️ High Cost Unlimited Ha...Nisha Yadav Escorts Service Ernakulam ❣️ 7014168258 ❣️ High Cost Unlimited Ha...
Nisha Yadav Escorts Service Ernakulam ❣️ 7014168258 ❣️ High Cost Unlimited Ha...
 
💫✅jodhpur 24×7 BEST GENUINE PERSON LOW PRICE CALL GIRL SERVICE FULL SATISFACT...
💫✅jodhpur 24×7 BEST GENUINE PERSON LOW PRICE CALL GIRL SERVICE FULL SATISFACT...💫✅jodhpur 24×7 BEST GENUINE PERSON LOW PRICE CALL GIRL SERVICE FULL SATISFACT...
💫✅jodhpur 24×7 BEST GENUINE PERSON LOW PRICE CALL GIRL SERVICE FULL SATISFACT...
 
call girls in Dakshinpuri (DELHI) 🔝 >༒9953056974 🔝 genuine Escort Service 🔝✔️✔️
call girls in Dakshinpuri  (DELHI) 🔝 >༒9953056974 🔝 genuine Escort Service 🔝✔️✔️call girls in Dakshinpuri  (DELHI) 🔝 >༒9953056974 🔝 genuine Escort Service 🔝✔️✔️
call girls in Dakshinpuri (DELHI) 🔝 >༒9953056974 🔝 genuine Escort Service 🔝✔️✔️
 
Whitefield Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Ba...
Whitefield Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Ba...Whitefield Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Ba...
Whitefield Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Ba...
 
➥🔝 7737669865 🔝▻ dharamshala Call-girls in Women Seeking Men 🔝dharamshala🔝 ...
➥🔝 7737669865 🔝▻ dharamshala Call-girls in Women Seeking Men  🔝dharamshala🔝  ...➥🔝 7737669865 🔝▻ dharamshala Call-girls in Women Seeking Men  🔝dharamshala🔝  ...
➥🔝 7737669865 🔝▻ dharamshala Call-girls in Women Seeking Men 🔝dharamshala🔝 ...
 
Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)
 
❤Personal Whatsapp Number 8617697112 Samba Call Girls 💦✅.
❤Personal Whatsapp Number 8617697112 Samba Call Girls 💦✅.❤Personal Whatsapp Number 8617697112 Samba Call Girls 💦✅.
❤Personal Whatsapp Number 8617697112 Samba Call Girls 💦✅.
 
Recommendable # 971589162217 # philippine Young Call Girls in Dubai By Marina...
Recommendable # 971589162217 # philippine Young Call Girls in Dubai By Marina...Recommendable # 971589162217 # philippine Young Call Girls in Dubai By Marina...
Recommendable # 971589162217 # philippine Young Call Girls in Dubai By Marina...
 
Sweety Planet Packaging Design Process Book.pptx
Sweety Planet Packaging Design Process Book.pptxSweety Planet Packaging Design Process Book.pptx
Sweety Planet Packaging Design Process Book.pptx
 
How to Build a Simple Shopify Website
How to Build a Simple Shopify WebsiteHow to Build a Simple Shopify Website
How to Build a Simple Shopify Website
 
Sector 105, Noida Call girls :8448380779 Model Escorts | 100% verified
Sector 105, Noida Call girls :8448380779 Model Escorts | 100% verifiedSector 105, Noida Call girls :8448380779 Model Escorts | 100% verified
Sector 105, Noida Call girls :8448380779 Model Escorts | 100% verified
 
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
 
Verified Trusted Call Girls Adugodi💘 9352852248 Good Looking standard Profil...
Verified Trusted Call Girls Adugodi💘 9352852248  Good Looking standard Profil...Verified Trusted Call Girls Adugodi💘 9352852248  Good Looking standard Profil...
Verified Trusted Call Girls Adugodi💘 9352852248 Good Looking standard Profil...
 
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Hy...
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Hy...Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Hy...
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Hy...
 
WhatsApp Chat: 📞 8617697112 Call Girl Baran is experienced
WhatsApp Chat: 📞 8617697112 Call Girl Baran is experiencedWhatsApp Chat: 📞 8617697112 Call Girl Baran is experienced
WhatsApp Chat: 📞 8617697112 Call Girl Baran is experienced
 
Call Girls In Jp Nagar ☎ 7737669865 🥵 Book Your One night Stand
Call Girls In Jp Nagar ☎ 7737669865 🥵 Book Your One night StandCall Girls In Jp Nagar ☎ 7737669865 🥵 Book Your One night Stand
Call Girls In Jp Nagar ☎ 7737669865 🥵 Book Your One night Stand
 
Book Paid In Vashi In 8976425520 Navi Mumbai Call Girls
Book Paid In Vashi In 8976425520 Navi Mumbai Call GirlsBook Paid In Vashi In 8976425520 Navi Mumbai Call Girls
Book Paid In Vashi In 8976425520 Navi Mumbai Call Girls
 
AMBER GRAIN EMBROIDERY | Growing folklore elements | Root-based materials, w...
AMBER GRAIN EMBROIDERY | Growing folklore elements |  Root-based materials, w...AMBER GRAIN EMBROIDERY | Growing folklore elements |  Root-based materials, w...
AMBER GRAIN EMBROIDERY | Growing folklore elements | Root-based materials, w...
 
HiFi Call Girl Service Delhi Phone ☞ 9899900591 ☜ Escorts Service at along wi...
HiFi Call Girl Service Delhi Phone ☞ 9899900591 ☜ Escorts Service at along wi...HiFi Call Girl Service Delhi Phone ☞ 9899900591 ☜ Escorts Service at along wi...
HiFi Call Girl Service Delhi Phone ☞ 9899900591 ☜ Escorts Service at along wi...
 
Real service provider college girl Mira Road 8976425520
Real service provider college girl Mira Road 8976425520Real service provider college girl Mira Road 8976425520
Real service provider college girl Mira Road 8976425520
 

Ecommerce Design Trends: How Has Ecommerce Site Design Changed—And What Changes Are Next?