responsive or adaptive design for ecommerce

Responsive (RWD) or Adaptive (RRES) for

eCommerce?

Yulia V Smirnova, ecommerce marketer & author

Bit.ly/cb2014bk

Bit.ly/cb2014bk

Why We Are Here

Bit.ly/cb2014bk

Why We Are Here

1 Get a better grasp on RWD for ecommerce from the business

2 Meet & connect to people who’ve done it

Bit.ly/cb2014bk

Benefits of RWD in eCommerce

① Sales volume increase way up

② One code of analytics & design to manage

③ Google loves it (SEO), no extra work

Bit.ly/cb2014bk

SkinnyTies.com - RWD190% tablet, 99% laptops

231% smartphone

Bit.ly/cb2014bk

• Team of 6 designers

• 4 months• 46 sites

Cpooutlets.com - RWD 4X

Challenges of RWD in eCommerce

• Business① Connectivity, image

sizes & volume② Site complexity③ Loss of

merchandising opportunities for SKU heavy sites

④ Loss of conversion optimization flexibility

• Shopper ① Too slow to load on

wireless ② Use intent is

limited③ Expectations from

content sites to scroll & go

Bit.ly/cb2014bk

Solutions to RWD Challenges

① Compress images for transit or use CSS and CSS sprite (saves images as one file)

② Or go with RESS for navigation (and content) as it loads faster multi-page eCommerce sites

Bit.ly/cb2014bk

RWD vs. RESS• A fluid layout

that changes the sizing of design based on device and page

• A fluid layout that changes the sizing of design based on device and page and method of delivery

Bit.ly/cb2014bk

1800Contacts.com - RESS

40% tablet

30% smartphone

Bit.ly/cb2014bk

Fathead.com - RESS

Bit.ly/cb2014bk

Best Match of RWD + eCommerce

Bit.ly/cb2014bk

Best Match of RWD + eCommerce

Bit.ly/cb2014bk

Best Match of RWD + eCommerce

Bit.ly/cb2014bk

Best Match of RWD + eCommerce

Bit.ly/cb2014bk

What’s Best for eCommerce?• RWD for simple, one category sites

(clothing) and new shops, elements of content

• RESS or AWD for multi SKU & categories (mass-merchants) and sites with legacy systems

• Both must be approached with purchase path view

Bit.ly/cb2014bk

So What? ① Users expect it, you’ll deal with it

one way or another

② Always a positive for those who did (One way to grow & scale online sales, more ways = in my book)

③ Seem costly upfront, less long term

④ Best applications cross-industry

Bit.ly/cb2014bk

Now you talk

Bit.ly/cb2014bk

More techy details on RWD with RESS• http://mobile.smashingmagazine.com/2013/10/08/re

sponsive-website-design-with-ress/ by Ronan Cremin

• https://github.com/serbanghita/Mobile-Detect/