responsive web design for ecommerce | brian strojny
DESCRIPTION
In the very near future, users will most likely access your website from a mobile device as opposed to a desktop device. To this end, even the best eCommerce site that is not optimized to be device or operating system-agnostic will fail to deliver in today’s world of the “splinternet.” To ensure you give your customers what they want and need – a rich value added user experience irrespective of where and how they choose to interact with your site and the ability to experience your brand on their terms, companies must move toward responsive web design. Responsive design enables websites to obtain information about the viewing device and then display a version appropriate for the layout. However, There are also segmentation benefits to consider whether or not responsive design is right for you and your customer. In this session, attendees will learn how the different considerations of responsive vs. dedicated mobile sites. The discussion will also center around the value of responsive to save time and money by designing their eCommerce site to accommodate these multiple channels, devices and platforms. Topics covered will include the key principles of responsive web design – such as the new “Mobile First” design paradigm and progressive enhancement, as well as tactical pointers on how to prioritize elements correctly for optimum consumption, the importance of flexible layouts, and using analytics to better understand how to adapt your brand to meet the needs of mobile customers. - Considerations for responsive vs. dedicated mobile sites. - How to develop the mobile sets to accommodate multiple channels, devices, and platforms. - Prioritizing elements and content for optimized customer experiences. - Adopting analytics to optimize understanding of your customer’s behaviors.TRANSCRIPT
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