Responsive Web Design for ecommerce. Presented by Mediachase and Sparkbox

Transcription

1 Responsive Web Design for ecommerce Presented by Mediachase and Sparkbox

2 Agenda What is Responsive Web Design? Future Proofing Your Website What it means to have a true ecommerce platform How to leverage new trends & technologies Social & Mobile Commerce How Sparkbox and Mediachase work together Questions

3 Introduction of Panelists Founded in 1997, 2 offices, 3 products Flagship product the ecommerce Framework (ECF ) in its 5th generation 500+ ecommerce sites 300+ Customers Founded in 2009 with the merger of four creative agencies Specialization in building sites that work as well on mobile devices as they do on desktops Expertise in content development, website design and website development

4 Mediachase and Sparkbox Partnership formed in 2010 Mediachase is now a preferred platform utilized by Sparkbox Sparkbox is able to provide Mediachase partners and customers with expert design, responsive design & templates, and usability testing

5 Sparkbox + Mediachase Leading edge design strategies and implementation + most flexible.net ecommerce platform on the market For end customers: Have Sparkbox enhance your existing ECF site, or... Incorporate Sparkbox and Mediachase into the launch of your new ecommerce site For partners and implementers: Leverage Sparkbox s skills to enhance the design and usability of the sites you launch

6 Responsive Web Design Defined

7 Definition Responsive web design is a technique for building sites that respond to the size of the device on which they re being viewed.

8 Responsive Web Design The web is a dynamic medium. Responsive design embraces that and prepares your site to be viewed at any resolution. Enable your web platforms to respond to the device(s) your customers are using to interact Not practical to spend time creating different touch points for iphone, ipad, Android, etc. Three possible approaches to mobile commerce: 1. Build a standards-complaint and accessible site that will work on advanced mobile devices bad experience for mobile users 2. Build mobile specific sites or apps expensive multiple code lines 3. Build a responsive site works on any mobile device with a reasonable browser works great on desktop and beyond one code line

9 Why is responsive web design important for you? Customers/users are visiting your site from an array of platforms Why build multiple versions (or applications, etc.) when you can build one site that works everywhere your customers interact with your site? What this means for ecommerce Allow your customers to register, shop, and interact with your products no matter where they are or what they are using

10 Future Proof Your Website We all recognize how fast the marketplace is changing, so you must prepare for the future, or be left behind New platforms, devices, technologies

11 Future Proof Your Website By utilizing responsive design properly, you can rest assured your site will be ready for future changes

12 ecommerce Best Practices

13 Having a True ecommerce Platform Invest in a platform, not just a product Extensibility should cater to developer and business users Allow for integrations Powerful and flexible tools and models for developers Robust features that can be customized to your requirements Enabling Choices Multiple solutions for every problem Design Independence - enable leading edge technologies, and techniques, like responsive web design No restrictions with what can and cannot be done with usability, design, and branding

14 ecommerce Strategies and Benefits to Consider It s not just a website, it s a business. The benefits of having a well-defined ecommerce strategy... Positioning your business for future growth and industry changes Opening up new sales and revenue channels Higher ROI via the web rather than other channels Streamline business processes and integrate with other applications

15 Prepare for Market Trends and Integrations Your ecommerce platform must support integration to enable streamlined business processes ERP (Sage, SAP, Dynamics) CRM (Salesforce.com, etc.) Reviews and Ratings (Bazaar Voice, Power Reviews, etc.) Extensibility allows you to leverage industry trends 1. Mobile (the #1 area of ecommerce growth) Mobile shopping was $396 million in 2008 and $1.2 billion in 2009 ($119 billion by 2015) 2. Social Over 50% of fastest growing retailers have integrated with Facebook Social Intelligence: Using social circle as a discovery engine and decision tool Social Capital: Shareable assets with cash value (rewards, deals, etc.)

16 Responsive Commerce Demo Brief Demo of Commerce Sites Using Responsive Web Design

17 Thank You!

18 Questions? Comments? Suggestions?

19 Contacts Mediachase Sparkbox Joe Grause (202) Ben Callahan (937)