Responsive Web Design for eCommerce

How to design your site to accommodate

multiple channels and devices

Brian StrojnyFounder and EVP , InsiteCommerce

Responsive Design & eCommerce

B2B & B2C ecommerce platform and

fulfillment solutions for Distributors and

Manufacturers

Headquartered in Minneapolis, MN

Approaching 1,000 global customers

Mission: “Enabling eCommerce Leaders”

InsiteCommerce

Responsive Design & eCommerce

Who We Work For

Responsive Design & eCommerce

Responsive Design & eCommerce

Responsive Shopping Example:

Shopping for a GPS…

-Use while hiking-Use while boating-Areas with poor cell coverage-Heard good things about Garmin-Went to Google on my iPhone…

Responsive Design & eCommerce

GPS Shopping Experience(Focus Group of 1)

- Google to…- Best Buy to…- New Egg…- Garmin…(converted)

Responsive Design & eCommerce

Responsive Design….

Lower development cost (usually) compared to native app

Single URL that works for web and mobile

Simpler, less expensive marketing because it’s a single brand property

Greater speed and flexibility of deploying updates or bug fixes

Faster and wider audience reach since one browser fits all

Easier and cheaper to find teams with web development skills

Can be packaged like a native app if needed

Native/Mobile Apps…

More expensive to manage multiple devteams and code bases

More popular with consumers

Historically a better UX than responsive

Better at incorporating most of the key smartphone features (GPS/Phone)

Works better when mobile internet or wi-fi are not available (caching is improving)

Push Notifications which have shown to drive immediate activity and conversions

VS

Responsive Design & eCommerce

Great examples of responsive ecommerce

- www.Skinnyties.com- www.Ebags.com- www.Carters.com- www.Crayola.com- www.Garmin.com- www.MicrosoftStore.com- www.Starbucks.com- www.DressResponsively.com

Responsive Design & eCommerce

Key Feature ConsiderationsResponsive eCommerce Design

- Content needed to convert- Overall density of site- Product search- Product filtering- Product page features- Checkout simplicity

Responsive Design & eCommerce

When it comes to eCommerce…

DesignResponsively