Publicité

Smarter Ecommerce by John Batistich.pdf

14 Mar 2023
Publicité

Contenu connexe

Publicité

Dernier(20)

Smarter Ecommerce by John Batistich.pdf

  1. John Batistich - 2021 Smarter Ecommerce Actions to drive higher ecommerce performance John Batistich – March 2023
  2. Key takeaways John Batistich - 2023 1. Ecommerce growth has flattened whilst acquisition and delivery costs are rising 2. We need to pull every lever to drive higher performance, optimising: o Measurement o Traffic o Home Page o Navigation o Onsite-Search o Product Details Page o Checkout o Delivery o Personalised Relationship with high value lifetime customers 3. This presentation provides a range of opportunities to help improve CX, conversion and average order value
  3. Ecommerce Optimisation Checklist John Batistich - 2023 Traffic Navigation On-Site Search Product Lists & Filtering Topics Home (Landing) Page Site Speed Product Pages Fulfilment ü SEO ü Direct ü SEM ü Email ü Social ü Video ü Affiliates ü Store integration ü Mobile product catalogue ü Persistent primary nav ü Don’t overcategorise ü Intuitive filters ü Mobile breadcrumbs ü Drop down menu delay ü Optimise comparison features ü Search Queries ü Exact ü Product Type ü Symptom ü Non-Product ü Feature ü Thematic ü Compatibility ü Slang/Abbreviation ü Search form and logic ü Search autocomplete ü Filters ü Results logic ü Results layout ü List Layout ü Loading products ü List items ü product info and thumbnails ü interface and hit areas ü Filtering: ü Available filters ü Scope and logic ü Interface and layout ü Sorting ü Fast speed load ü Clean design ü Compelling content ü Easy main navigation ü Intermediary category pages ü Site wide layout ü Clear action paths ü Digital subscription services ü Trust symbols ü Readability ü Accessibility ü Platform ü Structure ü Content ü Images ü Features ü Product page layout ü Sufficient sizing ü Product variations ü Size buttons ü Human models ü High resolution images ü Product video + 360 view ü Scalable images ü Product spec information ü Product description ü Clear price discount ü Shipping, returns and gifting ü Provide deliver options/speed ü User reviews ü Review ratings distribution ü Link to returns policy ü Cross sell and cross navigation ü Single view of inventory ü Automate inventory management ü Optimised replenishment ü Rule based routing ü Fulfil from store ü Click and collect ü Streamlined returns ü Store credit/exchange ü Pre-fill return labels ü Track carbon emissions ü Recycled packaging Checkout Payments Personalisation Cyber security Commerce Platform Conversion AOV ü Shopping cart and added cart behaviour ü Account selection and creation ü Customer and address information ü Gifting flow and features ü Shipping and store pickup ü Payment flow and methods ü Credit card form ü Order review ü Order confirmation and email with offers ü Form and page design ü User interactions and distractions ü Cross-sells ü Minimise required form fields ü Offer guest checkout ü Convert to account ü Minimise pages/stages ü One click for members ü Offer key payment options ü Simple payment selector design ü Payment type auto detect ü High perceived security cues ü Data foundation ü Design ü Content ü Decisioning and analytics ü Distribution ü Test and iteration ü Employee firewall ü Application control ü Patch application Configuring Microsoft Office macro setting User application protection ü Restrict administration privileges ü Patch operating systems ü Multi-factor authentication ü Regular back-ups ü Respond/recovery ready ü Reporting and analysis ü Mobile first design ü Ease of integration ü Scalability ü Product Catalogue ü Searchability ü Site security ü Flexible fulfilment ü Support and service ü Personalisation ü Total ownership cost ü Quality traffic (low bounce rate) ü Intuitive navigation ü Effective search ü Fast site speed ü Compelling content ü Optimised product pages ü Guest checkout ü Easy payment process ü Trust signals ü All key payment options ü Easy returns policy ü Service support ü Repeat active customers ü Offer supplementary and complimentary products ü Upsell ü Cross sell bundling ü Discounts on spend thresholds ü Free shipping thresholds ü Live shopping events ü Payment ü Rewards program Source: adapted from inputs from Baymard Institute research
  4. John Batistich - 2021 Ecommerce Context John Batistich – 2023
  5. John Batistich - 2023 AU Retail Landscape Source: ABS 8501. NAB Online Sales Index. Company Reports. JB Estimates. Key Players 2022 Sales Woolworths $45.5B Coles $41B Metcash/IGA $12.7B Aldi $11.4B Costco $3.6B Kmart $5.6B Big W $4.6B Target $3.5B Harris Scarf $0.4M Best & Less $0.63M Myer $3.0B David Jones $1.8B Cotton On Group $1.5B Just Group $1.3B Country Road Group $0.9B Accent $0.9B The Iconic $0.91B Retail Apparel Group $0.63B Sussan Group $0.47B APG & Co $0.38B H&M $0.32B Chemist Warehouse Group $8.8B API $5.4B Officeworks $3.2B Super Cheap $1.3B Rebel $1.1B BCF $0.9B Luxottica $0.68B Bunnings $18.5B Harvey Norman $5.3B JB Hi-Fi $6.3B Good Guys $2.9B Mitre 10 $3B Ikea $1.7B Greenlit $1.1B Nick Scali $0.25B McDonalds $6.8B Dominos $2.3B Competitive $1.4B Yum $0.9B Collins $0.7B Craveable $0.65B Retail Food Group $0.4B GYG $0.45B Foodco $0.3B ebay GMV $3.5B Amazon $2.6B (+47.7%) Catch $0.37B (-27%) Kogan $0.6B (-34%) Market $411.7B +11.3% Food Retail Supermarkets & Liquor Discount Depart. Stores Depart. Stores Apparel Footwear Accessories Other Leisure Health Household Cafés Restaurants Takeaway Sales $160.1B $21.95B $34.8B $64.2B $72.2B $58.2B 2022 Growth vs LY +5.2% +16% +23.9% +12% +7% +27% 25 Year Growth Trend +5.1% Supermarkets +5.3%. Liquor +7.8% +2.5% Clothing +5.6% Footwear +4.6% Pharmacy +6.8% Recreational +3.8% Furniture +5.4% Electronics +4.1% Takeaway +6.9% Café/Restuarants+ 4.6% Online Share 6.5% 20% 24% 12% 11% 10% Retail grew 11.3% to a record $411.7B in 2022. Have we reached peak sales and profitability?
  6. Online growth flatten in 2022 $8.2 $10.5 $12.8 $14.7 $16.4 $19.1 $21.7 $24.4 $28.6 $30.5 $44.2 $52.9 $53.3 2 0 1 0 2 0 1 1 2 0 1 2 2 0 1 3 2 0 1 4 2 0 1 5 2 0 1 6 2 0 1 7 2 0 1 8 2 0 1 9 2 0 2 0 2 0 2 1 2 0 2 2 Sales AUD Billions Source: NAB Online Sales Index 29.0% 21.9% 14.8% 11.6% 16.4% 13.6% 12.4% 17.2% 6.6% 44.9% 19.9% -… 2 0 1 1 2 0 1 2 2 0 1 3 2 0 1 4 2 0 1 5 2 0 1 6 2 0 1 7 2 0 1 8 2 0 1 9 2 0 2 0 2 0 2 1 2 0 2 2 4.9% 5.8% 6.5% 6.8% 6.5% 7.1% 7.8% 8.9% 9.2% 12.6% 14.4% 13.0% 2 0 1 1 2 0 1 2 2 0 1 3 2 0 1 4 2 0 1 5 2 0 1 6 2 0 1 7 2 0 1 8 2 0 1 9 2 0 2 0 2 0 2 1 2 0 2 2 Sales Growth MAT Vs LY Share of Retail Online Sales % of Total Sales For 2022, Ecommerce growth slowed to $53.3B now accounting for +13% of Total Retail Sales John Batistich - 2023
  7. Online sales growth comps $169.9 $200.3 $231.9 $263.6 $303.0 $347.0 $397.3 $461.0 $523.6 $598.0 $815.0 $960.0 $1,034.0 2010 2011 2012 2013 2014 2015 2016 2017 2018 2019 2020 2021 2022 Source: Digital Commerce 360, US Department of Commerce. Total retail figures excludes restaurants, bars, cars and fuels $8.2 $10.5 $12.8 $14.7 $16.4 $19.1 $21.7 $24.4 $28.6 $30.5 $44.2 $52.9 $53.3 2010 2011 2012 2013 2014 2015 2016 2017 2018 2019 2020 2021 2022 US Online Sales USD Billions Australia Online Sales AUD Billions Source: NAB Online Sales Index Online sales shifted 4 years forward as a result of covid in AU John Batistich - 2023
  8. Online sales growth not comping LY 29.0% 21.9% 14.8% 11.6% 16.4% 13.6% 12.4% 17.2% 6.6% 44.9% 19.9% 0.7% 2011 2012 2013 2014 2015 2016 2017 2018 2019 2020 2021 2022 Source: NAB Online Sales Index 16.8% 17.9% 15.8% 12.7% 13.9% 15.6% 13.5% 15.6% 14.2% 12.5% 42.8% 17.8% 7.7% 2010 2011 2012 2013 2014 2015 2016 2017 2018 2019 2020 2021 2022 Source: Digital Commerce 360, US Department of Commerce. Total retail figures excludes restaurants, bars, cars and fuels US Online Sales Growth vs Total % Australia Online Sales Growth % Online sales growth has slowed and is struggling to comp LY in AU John Batistich - 2023
  9. Online share of total retail steps up 6.4% 7.2% 8.0% 8.8% 9.7% 10.7% 11.8% 13.2% 14.4% 15.8% 21.3% 19.2% 21.2% 2010 2011 2012 2013 2014 2015 2016 2017 2018 2019 2020 2021 2022 Source: Digital Commerce 360, US Department of Commerce. Total retail figures excludes restaurants, bars, cars and fuels US Online Share of Total Retail % 4.9% 5.8% 6.5% 6.8% 6.5% 7.1% 7.8% 8.9% 9.2% 12.6% 14.4% 13.0% 2011 2012 2013 2014 2015 2016 2017 2018 2019 2020 2021 2022 Australia Online Share of Total Retail % Source: NAB Online Sales Index Online sales retreated as a share of total retail for the first time and under-indexes other markets like US, UK and China John Batistich - 2023
  10. Online sales growth by category slowing Source: NAB Online Sales Index Category Ecommerce Growth – 2021 and 2022 vs LY Australia Media and Takeaway Food are the best performing online categories whilst Fashion declined in 2H of 2022. John Batistich - 2023
  11. John Batistich - 2023 Source: Australia Post In 2022, online parcel purchases were below 2020 and slightly down on 2021 despite a record Nov/Dec. Online parcel volumes Online purchase volume by week 2019 - 2022 Fashion and Footwear purchases by week 2022
  12. Source: Similar Web John Batistich - 2023 Largest and faster growing fashion sites Fast Fashion The iconic, Rebel and Farfetch led their categories whilst Shein, Nike and Depop are amongst the fastest growing brands Activewear Luxury/Designer
  13. John Batistich - 2021 6 Moments of Truth and Problems to Solve John Batistich – 2023
  14. John Batistich - 2023 Search Find Buy Pay Acquire Use Share Relationship Discovery Lightning Fulfilment o Options/Choices o Fast/local o Free o Branded o Sustainable o Automated Invisible Payments o Cashless/touchless/cardless o Debit over Credit o BNPL/Digital Wallets o Digital currencies o One to zero click/make it easy Programmatic Personalisation o Personalised content o Know me and value me o Relevance and exclusivity o Membership/subscriptions Seamless Support o Easy returns/refunds o Service/live chat o Referral o Review/recommendations o Protect me Faster Search o More predictive/faster/less time o Help me get what I want o Rise of Marketplaces o Solutions over brands Wider Discovery o More options/time o Social, live and entertaining o Collapsing funnels 6 shopper moments of truth Search terms: How, what, where, why, best ideas and tips Search terms: Buy now, best place, start free trial, promo and get free gift .
  15. Solve 6 problems to solve John Batistich - 2023 Find exactly what I want Place an order Trust checkout process Create an account Find your return policy See shipping options and times Add a link to your site’s return policy within product page, site footer, Help section , FAQ section and the page where a customer initiates a return of a purchase Minimise form fields, mark required vs optional, add key payment times and strengthen security perception Put free shipping information near, but not in, the “Buy” section, add express options and add expected delivery times Identify the most important benefits of creating an account with concise bulleted list of benefits and position near “create account” Put a ‘Place Order’ button above the fold on the order review page. Include the confirmation step in your process steps. Audit your filter categories for user language and search queries For ecommerce there are 6 core enduring problems to solve
  16. John Batistich - 2021 John Batistich - 2023 Smarter Measures Have we developed clear customer and business measures and understand the levers for performance?
  17. Performance drivers Sales Average Order Value Revenue How many new visitors or returning customers visit the site and don’t bounce Visits The key strategic choices remain: can we get more visitors (new or returning), who buy something and buy more Conversion John Batistich - 2023 The number of visitors who complete a purchase The average value of that purchase (number of units and pricing) X X =
  18. Cart abandonment rates remain high Source: Baymard Institute. John Batistich - 2023 At 69%, cart abandonment rates remain very high with retailers focused on reducing the friction/steps from averages of 5-6 clicks Number of Checkout Steps Top 50/100 Grossing US Online Retailers 2021 vs 2016 4% 9% 22% 28% 18% 11% 4% 3% 2% 2% 16% 28% 36% 16% 2 3 4 5 6 7 8 9 69.6% 69.2% 2019 2021 Cart Abandonment Rates Global Average 2021 vs LY
  19. Lower cart abandonment rates Source: Baymard Institute John Batistich - 2023 Reasons for Abandonment During Checkout US – 2021 vs 2022 4% 7% 11% 12% 17% 17% 18% 19% 24% 49% 4% 9% 12% 13% 16% 17% 18% 22% 24% 48% Credit card declined Weren't enough payment menthods Returns policy wasn't satisfactory Site had errors or crashed Couldn't see total order cost up front Didn't trust site with credit card details Too long/complicated checkout process Delivery was too slow Wanted me to create an account Extra costs too high (shipping, tax, fees) Consumers want to the know the total price and when they will get the product with ease, guest options and speed
  20. Source: Similar Web John Batistich - 2023 Conversion rates remain low 6.34% 5.42% 4.75% 4.35% 4.26% 4.11% 3.25% 2.91% 2.88% 2.83% 2.14% 1.99% Germany UK Poland France US Italy Australia Brazil Canada Sweden Mexico India Average ecommerce conversion rates 2020 To improve the conversion rate understand whether the customer is in discovery, navigational or buyer mode and test improvements to key product page and payment moments
  21. Conversion rate opportunities Source: SEMRush. SimilarWeb. Baymard Institute Easy Checkout AB test headlines Understand users modes and needs Personalise emails based on search/purchase Own ‘buy intent’ keywords Maximise returning visits Be where your best customers are during discovery Trust Service Signals Brilliant Product Details Clear calls to action No more than 3 clicks Autofill details Checkout as guest option Add stages path Add countdown timer Integrate with store POS Add live chat Security cues Money back guarantee Competitive refunds Competitive and easy returns Abandonment email Carbon offsets and charity contribution Beautiful ‘in scale’ images In Stock Free shipping Social proof: reviews and ratings distribution Site and community FAQs Cross sell supplementary and alternative Key BNPL (e.g. Zip) options Quality Traffic Retailers can drive better conversion through intentional (buying intent) visits, beautiful design, brilliant product details, easy checkout and trust/service signals Clear proposition Clean mobile navigation/design Make initial steps really easy Simple registration Remove unnecessary form fields Remove distractions Site speed that snaps Intuitive Design John Batistich - 2023
  22. Improving average order value Source: Databox US Retailer Survey 2020 Organic and Email traffic sources, and upsell and cross-sell strategies drive higher AOV 6% 24% 70% +$501 $101-$500 <$100 55% 58% 65% 67% Free Shipping Thresholds Product Bundling Cross-sells Upsells 2.8 3.2 3.3 3.7 4.7 5.0 5.2 Affiliate Paid Social Referral Direct Email Organic Distribution of AOV Traffic Sources Delivering Highest AOV Rating out of 7 AOV Strategies Employed Average $264 Median $70 John Batistich - 2023
  23. Average order value opportunities Source: Adapted from Databot, Venditan, Oberlo 2020 Payment Pages Drive organic, direct or email traffic sources Market to best and heavy user audience Use web design to highlight higher priced items AB testing Relationship Cross Sell Bundling Traffic + Design Growing AOV is a key ecommerce revenue lever and involves minimal marketing spend Upsell Minimum dollar threshold for free shipping Add upsell offer on order confirmation Provide bounce back offers Offer live chat for quick questions Amplify social proof Make sure your returns are flexible Exclusive discounts for new visitors Add a discounted upsell after order completion Display supplementary or higher priced alternative products Offer gift cards on spend thresholds Show savings with multibuy Cross sell in your email flow Discount add-on items Bundle added value products Provide group-buying incentives Only offer discounts on multi-packs Offer time sensitive (limited) deals Create a compelling subscription offer Add a loyalty/rewards program Let customers trial higher priced services Offer higher priced payment/finance plan Personalise emails based upon search and purchase behaviours John Batistich - 2023
  24. Reducing cart abandonment opportunities Source: Adapted from Baymard Institute John Batistich - 2023 Reduce cart shock (pricing and delivery), remove barriers, build trust/reduce complexity and deliver key payment options earlier to decrease abandonment rates Remove Barriers Clear total cost Bring delivery options and date on product details Build targets for free delivery Show returns info upfront Show final price sooner Build Trust + Reduce Complexity Response Recovery Key Payment Options + Earlier Option to log-in early Guest check-out option Move account sign-up at end Remove unnecessary fields Use auto-fill Display trust signals Visualise roadmap Review order before pay Offer choice Remove steps Bring forward to product details Reduce Cart Shock
  25. Source: Company Reports John Batistich - 2023 Focusing on revenue per active customers Retailers like Temple & Webster ($69 CPA) and Adore Beauty are increasingly focused on revenue per active customer focused on driving repeat frequency 178 192 204 206 224 225 FY17 FY18 FY19 FY20 FY21 FY22 Annual Revenue Per Active Customer $ 368 375 385 400 440 465 2017 2018 2019 2020 2021 2022 Annual Revenue Per Active Customer $
  26. Prioritising existing high value customers Source: Shopify John Batistich - 2023 With so much new penetration over the last 3 years, identifying best customers, determining LTV, develop rewards and evaluate recurring revenue models become important opportunities Earn Loyalty Most valuable customers Map journey Conversion paths Up and cross sell Recurring Revenue Models Segment Customer LTV Integrate rewards Offer VIP exclusivity Referral programs Streamline billing process Create tiers Personalisation Returning customers Responsive moments Predict to prevent churn Target Best Customers
  27. John Batistich - 2021 Smarter Traffic John Batistich - 2023 Have you optimised traffic generation across new and existing customers?
  28. John Batistich - 2023 Device behaviour Source: Pattern Australia Mobile grows to 70% of traffic with conversion rising across all devices Device Traffic and Conversion FY22 vs FY21
  29. John Batistich - 2023 Channel performance Source: Pattern Australia Organic, SEM and Direct channels account for 78% of traffic and 76% of ecommerce revenue in FY22 Channel Performance Overview FY22 vs FY21
  30. Seizing your SEO opportunities John Batistich - 2023 Enhancing your SEO performance remains the first priority to drive organic traffic Unique Compelling Content Internal link architecture Bot accessibility Sitemaps URL structure Server response codes Monitor keyword rankings Use high informational and intent words Measure campaigns Site speed Domain Authority Measure Test Improve Local Create relevant helpful content Remove duplicative or unnecessary content Data driven title tags Acquire quality backlinks Connect with reporters, influencers, partners, vendors for relevant backlinks Disavow spammy backlinks Complete and up-to-date Google My Business Local business listings Local directory submission Site Structure
  31. Allow users to choose the frequency of emails Source: Baymard Institute John Batistich - 2023 Allowing users to select a frequency of emails can help retain users who would otherwise unsubscribe to avoid becoming overwhelmed (80% don’t) 19% 28% 35% 40% 51% 59% Content what not what I expected Content pushed me to buy too much stuff Don't remember subscribing No longer interestes in the content Emails came too often from specific retailer I get too many emails from most of retailers Reasons Users Unsubscribe from Email US 2022
  32. John Batistich - 2023 Online acquisition costs have risen sharply Source: Jarden from Company Data The cost of customer acquisition are rising sharply group across pure plays. Retailers are spending more and getting less Data includes Kogan, Temple and Webster, Redbubble, Adore Beauty and Cettire Average ecommerce Customer Acquisition Costs Australia $ per customer FY17 to FY22 FY22 vs FY21
  33. search shifts John Batistich - 2023 Email and mobile campaigns built on first party data leveraged across channels Browse, purchase, category interest and cart abandonment Drive Local Inventory Ads connecting with My Business With more than half of people starting the online shopping journey on Google, building a robust plan and campaigns is essential Advanced AI Search Automation YouTube Performance Max Grow first party data Driving YouTube Shorts, and Shopping live streams Continue to foster influencer content including reviews/recommendations YouTube TV focuses on moving to the big screen Driving more performance campaigns Visual search on Google Lens to rise Dynamic search Ads Performance Max Responsive Search Ads Block ChatGPT adding advanced AI Setting campaigns Evaluating creative performance to drive continual optimisation Improved A/B and lift measurement testing Smart Shopping and Local Ads transitioned to Performance Max Improved targeting and reporting features for awareness and consideration goals
  34. Search science increases clicks by 31% John Batistich – 2023 Source: Google https://www.thinkwithgoogle.com/intl/en-aunz/marketing-strategies/search/supercharge-search-ads-behavioural-biases/?utm_medium=email&utm_source=d-content-alert-visual&utm_team=twg-aunz&utm_campaign=TwG-AUNZ-CAV-2021-09-14- Supercharge-Search-ads-Knak&utm_content=cta-btn&mkt_tok=MTcyLUdPUC04MTEAAAF_gJPZh1DpxnJgjZB__2doNbAZ3_KiawUzStiF82eEGCXNpdMq7VQ5H4XT8-OX0C9FnGkEPv2wmFj6B76iRQv90FSEXzuRwXgMg9Nw5mvUa0uy When used intelligently and responsibly, behavioural science principles are powerful tools to win and defend consumer preference in large consideration set categories Authority Bias Social Proof Premium Signals Framing Power of Free Free items, offers, and vouchers with a purchase can be a big motivator. When brands, products, and services are backed by experts and trusted sources, they stand out from the competition. Reviews, recommendations, and highlighting a popular choice within a relevant reference group can be very persuasive. Changing the frame of reference can help people reconsider the value of a product or service. For example, framing can highlight benefits such as convenience or time-savings. Demonstrating the premium nature of a product through premium associations, such as an ad during Fashion Show.
  35. shifts John Batistich - 2023 Prioritising short-form video content pushed to user feeds Trying to compete with Tik Tok Caution on soundless default and quick 3 second scroll Facebook ad trends focus on short-form content, video on mobile Mobile Optimisation Facebook Story Ads Rising Costs Augmented Reality Ads Short-form video More advertisers and a little less users driving higher costs Focus on the lifetime value of the best customers you acquire 93% of revenue comes from Mobile Create mobile friendly ad content with strong headline, right image format and call to action Full screen photos and video Use mixture of mobile- shot content and studio shot content Seek audience interaction (e.g. user votes) Rolling out new features this year Allows customers to try-on products or sit- inside a car/place to choose the best product for you
  36. shifts John Batistich - 2023 Video post are prioritised and become Reels (short form video) Back Video memes that are abstract, funny, cute and relatable New audience reach and visibility to drive engagement and conversion Instagram is scaling back ecommerce and doubling down on engaging immersive video content Double AI Recommend ations Creators Inspired Content Live Stream AR, 3D and Avatars Boost Video (Reels) More live content, specifically live shopping Interact in real time More in-app shopping as shoppable posts Diversity will be advantaged and misinformation disadvantaged AI content recommendations to boost engagement Bring more personality to beautiful photos Build stronger sense of community and engagement Double down on relatable content creators Brands to draw inspiration and audiences from creators Increase incentives to attract the best creators (passion into a living) Rolling out new features this year to improve engagement
  37. is driving social commerce John Batistich - 2023 Understand the types on content that generate engagement (e.g. POV, storyline, self growth, vulnerability, transitions, green screen effect, challenges, dancing, family, pop culture, nostalgia, day in the life and tik tok made me buy it) With Meta pulling back from commerce in favour of advertising, Tik Tok is paused to develop social commerce Uplifting Entertainment Partner with Creators Shop Leverage Trends Hyper Personalised Content Harness the power of trends to educate, engage, cultivate and sustain culture. Leverage Trend Discovery Tool to Newness and inspiration are key user needs Branded content that is fun, energising and entertaining Need to deliver creative joy (positive feelings) for real impact Use unique sounds and songs Rolling out Shop features Users are 1.5X more likely to buy something discovered compared to Meta platforms Planning open fulfilment centres Collaborate with relevant creators to test and learn. Tap into the Creator marketplace to find the right partners
  38. John Batistich - 2021 Smarter Arrival John Batistich - 2023 Have you optimised for the multiple landing page?
  39. Landing page effectiveness John Batistich - 2023 Improving the performance of your landing page reduces bounce rates and results in better conversion Clean Design Meet customer expectations from traffic source Headline relevant to visit purpose Headline is concise, direct and ‘on brand’ Outline personal benefits Trust badges Customer ratings and reviews Testimonials Fast Loading Trust Indicators Clear Action Path Prioritise key elements White space Demonstrative media Showcase products in action Personalise at scale Fast load speeds Clean backend code Good caching plugins Clear actions for discovers, finders and buyers Intuitive navigation Create a sense of urgency Optimisation is a habit (AB testing) Compelling Content & Headline
  40. Avoiding 8 homepage pitfalls John Batistich - 2023 1. Unconventional navigation 2. Not making the search field immediately obvious 3. Failing to visually feature a broad range of Product Types 4. Lack of visual hierarchy 5. Lack of bespoke brand imagery, low resolution or outdated images 6. The use of overly aggressive and distracting Ads 7. Poor implementation of carousels 8. No clear call to actions/paths Common Pitfalls The homepage experience has three primary product-finding paths: category navigation, search, and curated paths
  41. Faster site speed lowers bounce rates John Batistich - 2023 The slower your site the higher the bounce rate and the poorer the user experience. Site speed also helps SEO rankings so make it snap! Site Speed (Seconds) and Bounce Rate 30% 40% 57% 62% 67% 1 3 5 6 10 Seconds per Actions Source: Akamai
  42. Improving site speed Source: Altexsoft John Batistich - 2023 Content Use fast ‘out of the box’ platform Use fast reliable hosting Unlock the browser from parser- blocking scripts Reduce server response time Minify your code Minimise the number of JavaScript and CSS files Features Structure Use content delivery network Decrease thumbnail image size Compress/reduce images in size and number Ease up on homepage hero slides Use lite embeds to add video Use pop-ups sparingly Reduce the use of web fonts Test/optimise on mobile Reduce the number of plug-ins Weigh the benefits of installing another app on your site Use website caching Reduce redirects Organise Google Tag Manager Conduct Google speed tests Reduce unused Javascript Reduce redirects/remove broken links Database optimisation in CMS Detect 404 errors Platform Customers expect webpages to load in one or two seconds. We need to improve site performance through platform, structure, content and features
  43. John Batistich - 2021 Smarter Navigation John Batistich - 2023 Have you optimised site navigation to help users find what they are looking for?
  44. Advanced practice navigation John Batistich - 2023 Source: Baymard Institute Slight Delay Drop Down Menus Don’t Overcategorise Product Catalogue Better Mobile Breadcrumbs Optimise Comparison Features Mobile Product Categories How would we rate our navigation against advanced practices that improve conversion? Expand Search Query Tagging Make product categories top level nav on mobile Flickering drop down menu hovers can create navigation issues forcing customers to cope or give up Avoid ‘overcategorisation’ in favour of filters with share attributes to improve the product search experience Quickly access paths and make it easier for users to find products of interest Remove identical attributes, group attributes by category, persist column headings during scrolling and use horizontal styling to define rows Optimising on- site search across query spectrum, qualifiers and structure
  45. 1. Product categories nav on mobile John Batistich - 2023 Make product categories top level nav on mobile Problem o Mobile users rely on the main navigation to understand the product catalogue and zero-in on products o Nesting the main product categories in the mobile main nav under ‘shop’ or similar can lead to abandoning main navigation and attempt search on the homepage o But 33% of mobile sites in the UX benchmark make it overly difficult to use the main navigation for product finding o Exposing product categories as top-level main navigation items alleviates the issue for most users Solution o List product categories as top-level items in the mobile main investigation alleviates this issue Source: Baymard Institute
  46. 2. Slight delay to drop down menu hover John Batistich - 2023 Flickering drop down menu hovers can create navigation issues forcing customers to cope or give up Problem o Hover-based drop-down menus allow users to get started with quickly browsing categories are great for exposing site categories and subcategories (60% fail) o As a result some users will be reluctant to interact with the main navigation when searching for products o Drop downs that disappear unexpectedly cause friction to product search o Flickering (flimsy) drop down menus cause serious and triggering unwanted categories navigational issues. Some learn to cope others give up Solution o Implement a 500 milliseconds hover delay to alleviates flickering issues Source: Baymard Institute
  47. 3. Don’t overcategorise the product catalogue Source: Baymard Institute John Batistich - 2023 Avoid ‘overcategorisation’ in favour of filters with share attributes to improve the product search experience Problem o Overusing categories can force users into overly narrow product scopes, leading to users struggling to find suitable products (70% of benchmarked sites fail) o ‘Overcategorisation’ harms users’ ability to navigate the product catalogue Solution o Avoiding subcategories in favour of filters for products with shared attributes resolves the issue for most users o Determining whether a group of product types should be filters or categories is site specific and directly related to the amount of information available for the different product types
  48. 4. Better mobile product page breadcrumbs John Batistich - 2023 Quickly access paths and make it easier for users to find products of interest Problem o Breadcrumbs perform a lot of heavy lifting on mobile sites given hidden main nav o When breadcrumbs are hard to find or fail to provide access to the complete path navigation is more difficult that can lead to abandonment o During testing, users were generally more successful using breadcrumbs on sites that offered complete “Hierarchy” breadcrumbs Solution o Avoid overly long breadcrumb paths o Avoid ‘overcategorisation’ o Suppress the homepage and product page layers of the hierarchy o Style differently than other textual page elements o Provide with ample surrounding white space o Include visual separators Source: Baymard Institute
  49. 5. Optimise comparison features John Batistich – 2023 To ensure the comparison feature performs well for users, it’s key that the following 4 design details are implemented: remove identical attributes, group attributes by category, persist column headings during scrolling and use horizontal styling to define rows Problem o Comparison features allow users to directly compare individual product attributes across multiple products. Users can find comparisons against attributes difficult to use and to understand resulting in site abandonment Solutions o Remove identical attributes when many or most of the individual product attributes are exactly the same across products, as it’s not easy to discern how products differ. Allow users to hide attributes when they’re the same for the products being compared o Group attributes by category rather than alphabetically Having related features grouped together allows users to see them all at once, making it easier to get an overview of more general attributes o Persist column headings during scrolling o Use horizontal styling to define rows Source: Baymard Institute
  50. John Batistich - 2021 Smarter Search Queries Have you optimised for the relevant search queries?
  51. 8 Key Search Queries John Batistich - 2023 Source: Baymard Institute Product Type Symptom Non-Product Exact Thematic Compatibility Slang Abbreviation Symbol Feature Little Black Dress Ray-ban Shades Winter Jacket Returns Policy Dry Cough Leather Jacket Iphone14 Screen Protector Have you optimised for the relevant search queries? Sportscraft Spencer Linen Blazer size 40 in Indigo
  52. Improving on-site search John Batistich - 2023 Optimising on-site search across query spectrum, qualifiers and structure 25% 31% 54% 63% 67% 70% 71% 86% 73% 8% 12% 27% 2% 61% 46% 25% 33% 30% 2% 14% Symptom Product Type Thematic Non-Product Slang and Symbols Compatability Exact Feature Search Query Support Among Top 60 Sites 2021 % Source: Baymard Institute
  53. 1. Exact Search query John Batistich - 2023 What o When users know the exact product they are looking for, they will typically rely on Exact Search, entering the product’s title or model number o “Exact Searches” are typically the easiest to support technically, and most of the tested sites fared reasonably well Considerations o Needs good handling of phonetic misspellings since the user may only have heard the product title spoken and not know how to spell it o Some products have alternative titles— all of which should invoke their respective product, particularly important for global e-commerce sites where product naming may be localised o Users often don’t type out the product title themselves. During testing, participants were often observed to copy-paste product titles from external sites into the search field o Acquiring all local and alternate spellings can prove quite the challenge. Partnering with relevant industry databases can help acquire this product information Source: Baymard Institute Consider misspellings, alternative titles, copy-paste titles and localised spelling when optimising for exact searches
  54. 2. Product Type query John Batistich - 2023 What o When users aren’t looking for a specific product, but rather a type of product, they will rely on Product Type queries and query for a whole category of products (e.g. Little Black Dress) o When used on their own, Product Type queries are generally an attempt by the user to quickly access a category on the site Considerations o When the site can be sure of a match with a Product Type query and an existing category auto-direct o Requires detailed categorisation and labelling of products including synonyms and alternate spellings of those groupings o Users don’t try another synonym and accept poor search results then move on o Audit synonyms for regional dialects near-identical word meanings (i.e. “multifunction printers” vs. “all-in-one printer”), regional dialect synonyms (i.e. “spanner” vs. “wrench”) regional spelling variations (i.e., “fibre” vs. “fiber”) o Enable relevant filtering and sorting options so the user can easily narrow down the list and compare products Source: Baymard Institute Detailed categorisation, labelling and synonym matching will help deliver better search experience
  55. 3. Symptom Search query John Batistich - 2023 What o Sometimes users don’t even know the type of product they are looking for — all they know is the problem that they are experiencing hoping to find a viable solutions o Important because they will often be the user’s last recourse o Vital to chemists, health and beauty, tools and hardware supplies, cleaning and housekeeping, specialty electronics, and B2B categories Considerations o Use placeholder text of the search field to let users know that they can search by symptom o Users can also be guided during search query formulation with the help of scope suggestions o Scope suggestions are a good complement to “Symptom” queries because they begin to reveal hints at possible solutions (i.e. categories) that can help guide users to a related query path o Integrating or interlinking any help or buying guides available on the site directly on the search results page is essential Source: Baymard Institute Search by product, brand and symptom can help users trying to solve a problem in a moment of need
  56. 4. ‘Non-Product’ Search query John Batistich - 2023 What o “Non-Product” queries are when users search for something that isn’t a product, such as the return policy, unsubscribe or shipping information o Search engine shouldn’t be limited to just searching the product catalogue o Users expect the search field to search the entire website o Users often search for this type of auxiliary content when they had difficulties finding navigational links to it. Considerations o Measure non-product searches to inform what and how prominently should these search be supported o On mobile, finding non-product content via on-page links or navigation can be even more challenging as these options are often even harder to find compared to desktop sites o Redesign to support better non-product queries on the page footer outside of the help section Source: Baymard Institute Make it easy to find non-product searches that support the purchase experience
  57. 5. Feature Search queries John Batistich - 2023 What o Feature queries are queries that include one or more product attributes in the search (e.g. “leather jacket”) o Features can be a wide range of product attributes include colour, material, performance specs, format, price. brand and size o Feature” queries are nearly always used as a qualifier for another search type — a way to filter the results of a certain search (e.g. blue breathable north face jacket) Consideration o Users are increasingly expect robust search of Google carry over to search on your e-commerce site o Dynamically apply any features searched for as filters on the results page (if a filtering value for the feature exists) increasing user transparency and user control o Sites with poor support for Feature queries are perceived negatively by users, given the relatively wide support for Feature queries in e-commerce Source: Baymard Institute Tag a wide range of feature search including colour, material, performance specs, format, price. brand and size
  58. 6. Thematic Search query John Batistich - 2023 What o Thematic search (“living room rug” or “retro dress”) can be vague and include usage locations (e.g. “living room furniture”), seasonal or environmental conditions (e.g. “winter jacket”), occasions and events (e.g. “wedding gift”) and promotional attributes (“sale lipsticks”) o interpretation is required to support “Thematic” searches, both in terms of the meaning of the actual query itself and also in the internal tagging of products Considerations o Indeed, it’s vital that a query for, for example, “winter jacket” presents all the relevant products, not just the handful of products that happen to have those keywords in their title or description o Design thematic tagging of the product catalogue to determine, for example, which jackets would be suitable for Winter (and which wouldn’t) o Support for most Thematic queries is often achieved by having these thematic attributes as actual filtering values that are then pre-applied when users search by them o If “Thematic” search queries aren’t supported, users trying Thematic queries are left with absent, few, or irrelevant results, which can give the impression that the products sought simply aren’t available at the site Source: Baymard Institute Tag a wide range of thematic searches including seasons, occasions and promotions
  59. 7. Compatibility Search queries John Batistich - 2023 What o Users often don’t know the name of the accessory or spare part they need — instead they know the details of the product they already own o It’s therefore not uncommon to see users perform Compatibility queries, where they input the name or brand of a product they own along with the type of accessory or spare part they are looking for, such as “Sony RX100 camera case” Considerations o Compatibility queries should therefore obviously work with product models o When they don’t know the specific product model, more generic product types and brand names will be required o Add accessories or compatible products to the search result o Compatibility relationships can be very complex and have numerous dependencies that can be difficult to capture in a free text search o Integrate Compatibility searches with any product finders available on the site Source: Baymard Institute Tag products to their accessories adding compatible products to search results
  60. 8. Slang/Abbreviation/Symbol Search queries John Batistich - 2023 What o Users rely on a wide range of linguistic shortcuts when they search. o Users frequently relied on Slang, Abbreviation, and Symbol Searches, writing slang-based queries such as “RayBan shades”, or including abbreviations like or relying on symbols such as “sleeping bag -5 degrees” Considerations o Mapping between different terms pairing slang words like “kicks” with “shoes” o Symbols can prove a little tricker since they may act as more than mere synonyms and may change meaning depending on the word arrangement of the query. For example, the “-” symbol could be used to denote both a minus (e.g. “sleeping bag for -10 deg.”) and a range (e.g. “sweaters $50-$100”). In these instances, not only does the meaning of the symbol change, but the symbol also acts as a filtering instruction o Users often copy-paste search queries from various sources during activities like research and comparison shopping. Considering that some copy-pasted product titles include symbols (e.g. “Men’s Levi’s® 511™ Slim-Fit Stretch Jeans”), it’s important that search properly interpret these symbols when generating results or risk giving users the perception that a product simply isn’t available if it doesn’t appear at or near the top of search results Source: Baymard Institute Tag products with their slang, abbreviation and symbols to improve search results
  61. John Batistich - 2021 Smarter Product Pages John Batistich - 2023 Have you optimised for the product details page (a moment of truth)?
  62. Advanced practice product pages John Batistich - 2023 Provide sufficient sizing information Source: Baymard Institute Product Variations Size Buttons Human Models High Res and Zoom Images Sufficient Sizing Ensure product images have sufficient resolution and zoom Combine product variations into one list item Use buttons for each size variation Provide images of apparel products on a human model How would we rate our product page UX against advanced practices that improve conversion? Clear price discount Provide delivered cost/time Rating Distribution Reviews Link to Return Policy Product Description Readability Accessibility Product Information Provide relevant, accurate and complete product information Easy to scan product highlights with strong visual proof Highlight discounted price clearly right next previous price outlining the saving Specify lowest delivered total cost and expected timing with express option Users expect a ratings distribution for reviews to understand good and bad experiences Link competitive returns policy and footer to reduce anxiety Meets readability and accessibility standards
  63. Product details page moment of truth Source: Adapted from Baymard Institute John Batistich - 2023 1. All Products Need At Least One ‘In Scale’ Image 2. Allow Users to Purchase Temporarily ‘Out of Stock’ Products 3. Avoid Sneaky Displays of ‘Free Shipping’ Promotions 4. 5 Requirements for the ‘Ratings Distribution Summary’ 5. Provide Both Site-Authored FAQs and Community-Driven Q&As 6. Provide a Cross-Sell Section that Only Contains ‘Alternative Products’ 7. Provide a Cross-Sell Section that Only Contains ‘Supplementary Products’ 8. Provide major payment options (e.g. BNPL) 82% of sites struggle to reach even an “acceptable” level for the Product Page user experience
  64. 1. Sufficient sizing information John Batistich - 2023 The 10 Things to Get Right on Sizing 1. Provide conventional sizing information 2. Provide numeric sizing information 3. Provide measurements in both centimetres and inches 4. Provide international size conversions 5. Provide instructions and tips for taking accurate measurements 6. Ensure sizing and measurement information matches the product type 7. Include a link to the “size guide” near the size selector 8. Ensure the browser “back” button returns users to the product details page 9. Include a link to customer service in the size guide 10. Consider including measurements of human models Source: Baymard Institute How would we rate out of 10 on product sizing best practice?
  65. 2. Combine product variations John Batistich - 2023 Product Variation Options In the product list, there are two ways to display these product variations: 1. Variations are combined into a single list item, with the variations often indicated using swatches below the thumbnails 2. Variations are displayed separately, with each variation — for example, shirts in different colours — having its own list item Problems with Separate Items 1. Product lists can become cluttered with variations of products, overwhelming users and making it harder for them to get an overview of the product range 2. Many users will struggle to find a particular variation of a product, especially if the variations are spread throughout the product list Findings o Separate items will cause some users to abandon the site o Apparel product variations should be combined into a single list item Source: Baymard Institute Combine product variations into one product list not displayed separately
  66. 3. Use buttons for each size variation John Batistich - 2023 Problem o Users when presented with a drop-down menu were prone to overlook the size selector entirely o When users activate the drop down menu, they are often surprised or disappointed by the sizes available o Some users check to see if their size is available for each variation under consideration — a potentially tedious task that often leads to users simply giving up Finding o Instead of using a drop-down with the size options hidden by default, expose the size options by using button-like selectors to help to ensure that these crucial product variations are easily seen by users Source: Baymard Institute Use buttons, rather than drop down menus for size variations
  67. 4. Product images on real models John Batistich - 2023 Opportunity o Providing the right kind of apparel product images is essential to users’ ability to understand key visual details and make a purchase decision about a particular product Problem o Simple “Cut Out” images of the product against a white background are simply not enough for users to get a sense of their physical qualities leading to lower conversion Finding o Only with the context provided by seeing the product worn on a human model’s body or face can users come close to an in-store experience, as they’ll gain a better visual understanding of the product and feel more confident in purchasing it o Without “Human Model” images, it’s left up to the user’s imagination to try to picture how a product might look when worn — which for many users is simply not enough to make them feel confident enough to purchase the product Source: Baymard Institute Provide a hero product image with real model to provide the confidence for conversion
  68. 5. Product Images with high resolution+zoom John Batistich - 2023 Problem o Low-quality images drag down users’ perceptions of products and the site o Users get disappointed when they open the larger image and find it’s grainy or pixelated o For many users they perceive as if the site doesn’t care enough to provide them with the visuals they need to make a purchase decision leading to abandonment Finding o To maximise conversion product images need to be rendered in high resolution and the images need to be able to be zoomed large enough (at least 50% larger than the unzoomed image) to see product detail Source: Baymard Institute High resolution and +50% in-zoom product images provide confidence and help optimise conversion
  69. 6. Product information John Batistich - 2023 Problem o Lack of sufficient product information can cause user frustration, delays in finding suitable products or users to abandon the page or the site itself Findings o Sites must provide sufficient information in product descriptions to give users enough to consider purchasing a product to avoid abandonment o Some information is likely to be sought by users considering specific product types, including: o Materials and ingredients, o Product dimensions, and o Compatibility information. o Product descriptions should support product images by explaining and contextualising images Source: Baymard Institute Provide relevant, accurate and complete product information
  70. 7. Product descriptions with USP highlights John Batistich - 2023 Problem o Conventional product description structures can be difficult to read and often fail to inspire users Findings o Users respond well to long product descriptions that are “chunked” by highlights, each with an accompanying image, since a quick scan of the product page reveals the key product features, and the high-quality images make the page more attractive o Testing revealed that structuring product descriptions by product highlights is an effective way to help users engage with a product o Consider using product highlights to structure a product’s description o The product highlights structure is often used for 2–6 core product features, and can be as simple as a bespoke image illustrating the feature or its benefit (to draw attention), a short headline (to confirm what the image suggests), and one paragraph of text explaining the feature Source: Baymard Institute Outline product descriptions on easy to scan product highlights with strong visual proof
  71. 8. Clear price discounts John Batistich - 2023 Problem There are 4 common pricing pitfalls to be avoided: 1. Pricing/discounts blends in with other product elements 2. Locating discounts far away from price 3. Displaying promotion multiple times on the product page 4. Failing to highlight percent or amount off Findings o Vital that pricing and discount information is clear and easy to find on product details o Clarity around pricing and discounts gives users confidence that a product will fit their preferences and help them decide to move forward with the purchase, ultimately giving users satisfaction driving better conversion Source: Baymard Institute Highlight the discounted price clearly right next previous price outlining the saving
  72. John Batistich - 2023 9. Provide total delivered cost and timing Problem o Users do not want any surprises of hidden costs including taxes, shipping costs, oversize item fees o If the total order cost is missing from the product page, users will have to take the extra step of adding the product to their cart to see this information (assuming it is provided at the “Add to Cart” step) o User expectation for fast next day delivery times is rapidly rising Solution o The lowest full order cost should be displayed on the product page by default; in particular, by showing the lowest shipping cost (or at the least an estimate and its conditions) o Additionally, if selling items where shipping and tax costs may be significant, consider making the section expandable and including a shipping and tax calculator to allow users to more accurately determine the total order cost Source: Adapted from Baymard Institute Specify the lowest delivered total cost and expected timing and provide an option to pay for faster deliver
  73. 10. Ratings distribution for product reviews John Batistich - 2023 Problem o Reviews help users make an quick and informed assessment of a product’s suitability to their particular needs. User expect trusted reviews with ratings distribution to help them make purchase decisions, however, the majority of sites do not provide reviews and a ratings distribution Findings o Users rely heavily on ratings distributions to provide the overall picture of how other users experienced a particular product (95% of users relied on reviews to learn more about products) o Product ratings distribution summary at the top of the reviews section allowed users during testing to get a feel for how the product has been rated overall. o The ratings distribution UI was the most utilised feature of the reviews section, and was relied on by users even more than the actual review content o Some users during testing would seek out the most negative reviews, to “find the dirt” on a product and determine what its flaws are as judged by the reviewers. o Ratings distribution summary UI should be graphical illustrations (normally horizontal bar charts), act as “star” filters, be exposed or expanded by default, and be hidden when there are only 5 or fewer reviews Source: Baymard Institute Users expect a ratings distribution for reviews to understand good and bad experiences
  74. 11. Buy temporarily ‘Out of Stock’ products John Batistich - 2023 Problem o If users are prevented from purchasing an item that’s temporarily out of stock, it almost guarantees they will abandon the site to look for the product elsewhere o Presenting users with text that simply states a product is “out of stock” is a UX dead end: users can’t go any further on a site if they are truly set on purchasing that particular product Solution o If a product is only temporarily out of stock, users should be allowed to complete the purchase and simply have a longer delivery time Source: Baymard Institute Allow users to purchase ‘Out of Stock’ products by increasing the delivery time
  75. John Batistich - 2023 12. Link to return policy from product gage Product o When shopping for products online, users understand that products may need to be returned o A strict return policy can even be a reason for site abandonment (12% of e-commerce customers have abandoned orders in the last quarter because they found the return policy unsatisfactory) o Consequently, lacking access to the return policy early on in users’ product search — especially for products such as apparel items, which can have dramatically different sizes depending on where you shop — is a source of anxiety for many users Solution o Link to the return policy, or a brief summary of the general return policy, should be prominently displayed on the product page (as well as in the footer), and the return policy text must be written to be understandable by the average user Source: Baymard Institute Link a easy to understand and competitive returns policy on the main product page and footer to reduce anxiety
  76. 13. Optimise readability John Batistich - 2023 Problem o Users have been observed to get fatigued when trying to navigate extremely long lines of text (e.g. 100+ characters). o To ensure line lengths don’t exceed 80 characters (40 Chinese or Japanese characters), the CSS max-width property can be set using font-relative lengths of around 70ch or 34em (note that this value will need to be adjusted slightly up or down depending on the font used) Solution o The optimal line length for body text is 50–75 characters o Shorter or longer line lengths can hurt readability o Additionally, in order to be in compliance with accessibility standards, text styling must be able to be set as follows: o Line height (i.e. the spacing between lines of text): 1.5em (i.e. 1.5 times the font size) o Paragraph spacing: 2em o Word spacing: 0.16em o Letter spacing (i.e. tracking): 0.12em Source: Baymard Institute Make is easy for users by optimising readability through line length, line height and spacing
  77. 14. Accessibility for equality John Batistich - 2023 Problem o There are accessibility compliance gaps rated against the WCAG 2.1, AA success criteria), including within the following standards: 1.Images: All images on a site must contain some kind of descriptive label — either through the use of HTML markup (i.e. alt text) or an accessibility- specific label using Accessible Rich Internet Applications (ARIA) markup 2.Links: When links aren’t given an adequately descriptive title (which 66% of sites failed to do), users aided by screen readers will have no way of knowing where a given link will take them 3.Form fields and inputs: When it comes to users entering information on the sites, it’s important the form fields and inputs are all properly labelled — both individually (e.g. “First Name”) and as a group (e.g. “Shipping Address”) 4.Keyboard navigation: it’s important to ensure that all site functionality is operable by keyboard (or provided via a keyboard-operable alternative), and that the focus indicator is visible at all times Findings o Sites need to prioritise site improvements to meet basic accessibility compliance requirements Source: Baymard Institute Meet compliance standards on images, links, form fields and inputs and keyboard navigation
  78. John Batistich - 2021 Smarter Experiential Ecommerce is challenging stores by becoming more social, entertaining and experiential John Batistich - 2023
  79. From transactional to social John Batistich - 2023 Convenience Price comparison Individual Routine/functional tasks High levels of research Transactional Infinite options Global reach The need states served by the mall are increasingly available online which becomes more social, experiential and entertaining Entertainment Experiential Social Connection Personal Service Sensory Immediate selection Local New Commerce
  80. Why is Social Commerce scaling now? John Batistich - 2023 Social Media Platform Investment China Lead Payment Solutions Backend services connecting inventory management, logistics, frontend user interfaces, and third-party integrations have cut the capital, expertise, and R&D necessary to set up e- commerce operations We have an incredible success story in China where WeChat, Pin duo duo/Temu and Shein have driven social commerce Meta, Snap and Tik Tok are integrating commerce features with live shopping and investing in AR Off-Shelf Infrastructure Payment solutions like those from PayPal, Square, and Stripe are democratising finance and lowering not only the cost to process online payments but also the barriers to entry Social commerce is scaling on the back of success in China, Social Medi investment, access to infrastructure and payment solutions
  81. China leads the way on social shopping John Batistich - 2023 China has the most developed ecommerce market, is highly concentrated and has well developed/rising social commerce 2.7% 3.0% 3.2% 3.4% 4.3% 4.6% 4.9% 6.0% 7.7% 10.3% 11.7% 13.1% 13.9% 14.3% 2017 2018 2019 2020 2021F 2022F 2023F Social Commerce Share in China and US 2017 – 2023 % of Total Retail Ecommerce Sales Source: eMarketer. Statista Global Shares Ecommerce % of Retail 2022 44.0% 27.5% 21.0% 13.0% China UK US AUS
  82. Shein is a social platform selling fashion John Batistich - 2023 Faster than fast fashion and cheaper than Amazon, Shein has grown to $30B sales in 2022 (+91% vs LY) with 75M actives driven by faster integrated and more responsive manufacturing and a mobile app and social marketing advantage Source: Matthew Brennan. Not Boring
  83. New social opportunities John Batistich - 2023 Ecommerce is migrating to social media platforms focused on new ways to engage customers. Video is making social commerce more sociable Test Live Shopping Design Social Storefront Resource Test/Create live commerce experiences tailored to your audience with right format + right platform + create visually appealing visual content + collaborate with influencers and creators + ensure that you have inventory and responsive supply Design a social commerce experience that converts. Create a social storefront + format your videos so they’re shoppable + develop a shoppable attribution model. Fast Follower Head of Live Shopping is a role growing in prominence amongst leading retailers. Review building shopping tags, live shopping events, marketplaces and digital catalogues Learn from leading brands (e.g. Sephora and facebook Nordstrom own live channel and Best Buy use its fulfilment centres to have blue shirts livestream) and the social platforms to inform your staged strategy Develop Creator and Influencer Partnership Develop partnerships with presenters, creators and amplifies to produce, distribute live shopping experiences on social media
  84. John Batistich - 2021 Smarter Marketplace Global marketplaces are becoming search and fulfilment powerhouses John Batistich - 2023
  85. Marketplace opportunities John Batistich - 2023 Partner for Reach Automate Optimise Product Page Differentiate Brand Site Choose to play or not Step-change your own site for best customers Decide on data sharing Agree fulfilment, marketing and pricing terms Set up Product APIs Dashboard syncing inventory, product and marketing Automate workflow, events, inventory management, warehousing and marketing Gather insights/feedback and iterate Delivery best images and support reviews Drive parity pricing and align promotions Test paid search media Full brand story with rich content Full range Exclusives Customisation Services Deep personalisation Brands need to choose whether to play or not with marketplaces considering the customer reach and revenue against costs Source: Adapted from Shopify
  86. John Batistich - 2021 Smarter Payment John Batistich - 2023 Have you optimised the checkout to drive higher conversion?
  87. Changes in the value of retail payments Source: RBA John Batistich - 2023 8.7 23.5 32.2 39.7 42.6 118.1 ATM Withdrawals Cheque Credit Card Balances Outstanding of Credit Cards Debit Cards New payments platform transactions Value of Retail Payments Australia 2022 - $ Billions Growth vs LY +20.8% +11.7% +6.6% +15.8% -16.7% +2.8% RBA data sees less cash, cheques and credit card usage and a lot more debit and new forms pf payment (including BNPL)
  88. 1. Optimise checkout form fields John Batistich - 2023 Problem o The number of fields users must go through impacts checkout performance o The average checkout flow today is 5.2 steps long and has 11.8 form fields Solution o Sites must get down to no more than 8 fields o Fewer fields improves UX and conversion o Some of the ways to reduce fields include: o Have a Single “Name” o Hide “Address Line 2”), “Company”, and “Coupon Code” Fields o Use Postal Code Autodetection o Hide “Billing Address” Fields Source: Baymard Institute Reducing the number of checkout fields reduces friction and cart abandonment rates
  89. 2. Payment choices and selector John Batistich - 2023 Problem o Third-party payment methods need to be provided and can help reduce checkout abandonment o 7% had abandoned a checkout during the past three months because the site didn’t offer their desired payment option o 4% of users abandoned checkouts because their credit cards were declined, an issue that could have been rectified by the availability of third-party payment methods (which can act as fallback option when the users card is declined) Solution o Sites should provide payment methods commonly used in each territory they sell in o Using a horizontal or vertical tabbed design with the fields and descriptions hidden for all of the non-selected payment methods was observed to be the best-performing design for payment selectors on desktop Provide the key payment choices and use a tabbed design to reduce abandonment Source: Baymard Institute
  90. 3. Payments card-type auto-detection John Batistich - 2023 Card type auto detection and card number auto formatting creates less checkout friction. Problem o Improving the user experience at the checkout specifically on card-type auto detection can lower the risk of card validation errors and reduce checkout abandonment rates Solutions o For credit cards, some of the most important UX features include card type auto- detection and card number auto-formatting o UX features such as card type auto-detection and card number auto-formatting can be implemented using the list of IIN Ranges and Spacing Patterns o To implement these features you need to know the IIN Ranges and Spacing Patterns of the card types that your site accepts Source: Baymard Institute
  91. 4. Offer guest checkout and convert account John Batistich - 2023 Users hate being forced into creating an account increasing abandonment so provide guest checkout and outline account benefits Problem o Users do not like to be forced to create an account to purchase from you o The absence of a guest checkout results in higher site abandonment Solution o Make it more enticing for new users to sign up during their first or second purchase, so they can get the account benefits for their remaining purchases o Nudge the sporadic user, who may not think they use the site enough to make creating an account worthwhile o For both new and sporadic customers, the key is to help the user quickly see precisely how an account will benefit them (e.g. time saved, track order, order history and rewards) Source: Baymard Institute
  92. Most important account features John Batistich - 2023 Source: Baymard Institute 12% 15% 16% 16% 17% 28% 29% 29% 41% 64% Manage wishlist/saved items Cancel order Reset passwords Download invoice/receipt Edit/update order Contact customer service (call, chat, email) Review order history (past orders) Return an item Manage credit card/payment method Check delivery date, track order and check status of delivery Most Important Ecommerce Account Features to Users US 2018 Creating an account helps users track delivery and make easier payments
  93. 5. Perceived payment security John Batistich - 2023 Ensure that your site creates strong perceived payment security to reduce cart abandonment rates Problem o 18% of users have abandoned a checkout flow during the last 3 months because they “didn’t trust the site with their credit card information” o Depending on the design, users perceive some parts of a page to be more secure than other parts of the same page o The average user’s perception of a site’s security is largely determined by their “gut feeling”, which – beyond how much they trust the brand – is to a large extent observed to be directed by how visually secure the page looks Solution o Reinforce the checkout page with security icons, badges, or reassuring microcopy to improve security o Visually reinforce credit card fields with colour, add paylock icon and security symbols/seals o Bolster the secure appearance of the credit card section of your page can instantly improve the “gut feeling” the user is experiencing providing confidence they need to complete their purchase Source: Baymard Institute
  94. Advanced practice for payments John Batistich - 2023 Source: Baymard Institute Offer guest checkout Convert into Account Payment Options and Selector Payment Type Auto Detect Minimise Required Form Fields How would we rate our payment experience against advanced practices that improve conversion? Strong Perceived Security Reducing the number of required checkout fields reduces friction and cart abandonment rates Users hate being forced into creating an account increasing abandonment so provide guest checkout and outline account benefits Creating an account helps users track delivery and make easier payments. Provide the key payment choices and use a tabbed design to reduce abandonment Card type auto detection and card number auto formatting creates less checkout friction. Ensure that your site creates strong perceived payment security icons/copy to reduce cart abandonment rates
  95. Future payment opportunities John Batistich - 2023 Mobile Wallets Less use Less acceptance Fewer ATMs and Bank Branches Touchless Integrate POS and Payment Gateway Mobile POS New store design One/Zero click Real time clearing and settlement Merges with Loyalty Technology and CX New Payment Platform Wave/Pass Contactless App driven BNPL Fast and secure Cross border Integrated loyalty schemes Self-checkout Personalised offers POS credit financing Subscriptions New payments More Debit Credit Cards Cheques vanish Digital currencies Payments are not just being disrupted, but utterly transformed by new technology. This desire for speed, convenience, ubiquity, safety and affordability is rising Cashless
  96. John Batistich - 2021 Smarter Cyber Resilience John Batistich - 2023 Have you mitigated the threats of data loss or a disruption to operation?
  97. Cyber security threats intensifying John Batistich - 2023 The threats of a PII data loss or DOS attack are rising rapidly.
  98. 5 cyber security resilience priorities John Batistich - 2023 Human Firewall Security by Design Senior Ownership Identify threats Resourced roadmap Phishing Training Password control Access Management Policy Playbook Simulations Ready Assets Disaster Recovery Defence Protect Response Recover Detection Controls Configuration End to end Encryption 3rd Party APIs Authentication External Audits Understand Risk Sources Patch Management Automated Updates Back Up Files Monitor Anomalies Measure system Dashboard Have we developed our resilience by identifying, protecting, detecting and response/recovery
  99. John Batistich - 2021 Smarter Delivery John Batistich - 2023 Have you optimised the delivery experience?
  100. T John Batistich - 2023 E
  101. Rising fast and free delivery expectations Source: Shopify John Batistich - 2023 Customers expect fast delivery, free delivery or free shipping thresholds Customers Expectations on Fulfilment – US 2020 23% 34% 37% 40% 59% 64% 65% 67% Frustrated when have to pay extra for shipping Faster delivery would make online shopping better Frustrated when shipping takes too long Free returns would make online shopping better Free delivery improves the experience Expect delivery to be free Check free shipping threshholds before adding to cart Expect delivery within two days
  102. Customer delivery expectations John Batistich - 2023 Fast Free Branded Sustainable Increasing same and next day expectations (32% abandon if too slow) Filter on delivery speed Keep me updated on deliver times Automated returns Recycle Reuse Minimised packaging Carbon neutral Ethical supply Provide free- shipping thresholds Provide membership benefits Advise me on the delivery date (45% want deliver times shown) Pick Up instore or curbside Easy to return Delivery partner I can trust Special anticipation Personalised Informed customer service that can resolve my issues fast and once Consumers want options. They want fast, free, branded and sustainable fulfilment Dependable Options
  103. Warehouses/stores become source of advantage John Batistich - 2023 Warehouses have been become an asset class as a result of the ecommerce boom and are becoming a source of advantage. They are where you store your mistakes Need to located near consumption not supply Bigger hubs to support choice Speed Variety Spoke Hub Everyone wants their delivery faster Everyone wants the variety to get what they want Need better knowledge on supply and sales More labour and automation expected Closer last-touch spokes (e.g. Stores) to support rising expectations Customer Needs Warehousing
  104. Warehouse automation John Batistich - 2023 Amazon are investing to create automated warehouses to improve storing, sorting, picking, packing and shipping to reduce injuries, increase efficiency and lower costs Scooter Bert Ernie Kermit Motion Capture Remove totes from shelves, and can then hand the goods over to employees Carries a variety of items through the warehouse by itself Pulls carts around the warehouse Towing around empty totes, streamlining the return process Monitors how a person moves Source: Business Insider
  105. Instant delivery expanding but models pressured John Batistich - 2023 Instant on-demand local deliveries have expanded but there have been many entries and exits with viable business models still to be developed (business model lag customer demand) “Car service, grocery delivery and restaurant delivery all converge on the same pool of workers and customers and much the same logistics” Benedict Evans
  106. New automated delivery forms developing John Batistich - 2023 Drones and autonomous vehicles are rapidly developing with leading retailers rolling out pilots
  107. Reimagining responsive supply chains John Batistich - 2023 Digitise your supply chain, leverage data and partner to improve efficiency, resilience and speed 1. Digitise your supply chain to improve visibility and responsiveness o Use data and technology to make smarter inventory management decisions o Use cloud-based solutions to leverage scanning apps, inventory management software and AI and communicate with partners in real time 2. Use data to optimise your fulfillment strategy o Audit your data and processes to understand vulnerabilities audit, identify backup suppliers and routes, and gain greater understanding of your customers’ locations and delivery preferences. o Redistribute inventory closer to your customers reduces costs by keeping merchandise within shipping zones allowing you to provide same-day or two day shipping without incurring extra costs 3. Consider outsourcing your shipping and fulfillment to a 3PL o Tap into 3PL infrastructure with pre-negotiated contracts and a network of fulfillment centers to expand into new markets o Test new markets with 3PL o Insulate your business with 3PL from additional risks and charges across the supply chain
  108. Fulfillment opportunities John Batistich - 2023 Streamline Return Process Fast Local Sustainable 3PL partnership Global reach Late cut-offs for same day Fulfil from store Dark Stores Click and collect Sustainability targets and tracking on carbon emissions, waste and packaging Improve demand forecasts Optimise replenishment Rule based routing Mitigate higher shipping costs Digitise and diversify Inventory management Returns management system Local delivery Clear return policy on site on product, help and FAQ Store credit/exchange Pre-fill return labels Self-serve Fulfilment can become a competitive advantage by building capability, outsourcing operations, automating inventory, streamlining returns and create local delivery Automate Inventory Management Outsource Operations Build Capability
  109. John Batistich - 2021 Smarter Personalisation John Batistich - 2023 Have you optimised the development of a direct personalised relationship with high value members?
  110. T John Batistich - 2023 E
  111. Personalisation expected and rewarded John Batistich - 2023 Source: Adobe 2022
  112. Developing a personalisation framework Source: McKinsey & Company John Batistich - 2023 Decisioning Create customer-data platform to provide a 360 degree customer view Distribution Design Advanced analytics and machine learning to create customer scoring and real-time triggers Deliver marketing tool experiences across channels and feed response data to customer- data platform Content factory model, digital-asset management, and agile marketing to drive experimentation Data Foundation The solutions architecture and operating model should be guided by a simple and effective framework
  113. Developing the stack enabling personalisation Source: McKinsey & Company John Batistich - 2023 Retailers need to develop a data and martech stack to enable personalisation at scale
  114. John Batistich - 2021 Smarter Platform Have you optimised and integrated your ecommerce platform?
  115. Commerce platform requirements John Batistich - 2023 Mobile first design and PWAs Extreme Personalisation B2B and B2C capabilities Developing commerce platform across 5 key requirements Flexible Omnichannel fulfillment Easy integration Flexible development One platform for retail and wholesale selling Source: Adapted from Adobe Integrates with POS, PIM and ERP and communicates in real time Synchronise inventory and online product listings to avoid backorders and provide customers with order and delivery status Open API that works with third party extensions Connects seamlessly to variety of digital and physical commerce tools Order management functionality Responsive web design Native web apps and progressive web apps Headless commerce Real time personalised content and product recommendations Integrate with third party personalisation tools
  116. Enabling cloud based ecommerce platforms John Batistich - 2023 Source: Gartner 2022 1. Reporting and analytics: Does the platform enables us to view customers with clarity to personalise? 2. Ease of integration: How well does it work with third party apps? 3. Scalability: Does the tech roadmap align with our ambition? 4. Product Catalogue: Does it display the right product at the right time with our variety complexity? 5. Searchability: Does it enable customers to find what they want fast? 6. Design flexibility: Cane we deliver an on-brand experience? 7. Site security: Does it protects our customer data? 8. Support and service: What level of responsive service is locally available? 9. Total cost of ownership: What are the total pricing models including hosting, subscription fees, maintenance and direct labour? Key Requirements Platform Positions Shopify Plus is dominating SMB whilst Salesforce, Adobe/Magento and SAP are leading integrated enterprise solutions.
  117. John Batistich - 2021 Key Takeaways So What? John Batistich - 2023
  118. Key takeaways John Batistich - 2023 1. Ecommerce growth has flattened whilst acquisition and delivery costs are rising 2. We need to pull every lever to drive higher performance, optimising: o Measurement o Traffic o Home Page o Navigation o Onsite-Search o Product Details Page o Checkout o Delivery o Personalised Relationship with high value lifetime customers 3. This presentation provides a range of opportunities to help improve CX, conversion and average order value
  119. Optimisation Checklist John Batistich - 2023 Traffic Navigation On-Site Search Product Lists & Filtering Topics Home (Landing) Page Site Speed Product Pages Fulfilment ü SEO ü Direct ü SEM ü Email ü Social ü Video ü Affiliates ü Store integration ü Mobile product catalogue ü Persistent primary nav ü Don’t overcategorise ü Intuitive filters ü Mobile breadcrumbs ü Drop down menu delay ü Optimise comparison features ü Search Queries ü Exact ü Product Type ü Symptom ü Non-Product ü Feature ü Thematic ü Compatibility ü Slang/Abbreviation ü Search form and logic ü Search autocomplete ü Filters ü Results logic ü Results layout ü List Layout ü Loading products ü List items ü product info and thumbnails ü interface and hit areas ü Filtering: ü Available filters ü Scope and logic ü Interface and layout ü Sorting ü Fast speed load ü Clean design ü Compelling content ü Easy main navigation ü Intermediary category pages ü Site wide layout ü Clear action paths ü Digital subscription services ü Trust symbols ü Readability ü Accessibility ü Platform ü Structure ü Content ü Images ü Features ü Product page layout ü Sufficient sizing ü Product variations ü Size buttons ü Human models ü High resolution images ü Product video + 360 view ü Scalable images ü Product spec information ü Product description ü Clear price discount ü Shipping, returns and gifting ü Provide deliver options/speed ü User reviews ü Review ratings distribution ü Link to returns policy ü Cross sell and cross navigation ü Single view of inventory ü Automate inventory management ü Optimised replenishment ü Rule based routing ü Fulfil from store ü Click and collect ü Streamlined returns ü Store credit/exchange ü Pre-fill return labels ü Track carbon emissions ü Recycled packaging Checkout Payments Personalisation Cyber security Commerce Platform Conversion AOV ü Shopping cart and added cart behaviour ü Account selection and creation ü Customer and address information ü Gifting flow and features ü Shipping and store pickup ü Payment flow and methods ü Credit card form ü Order review ü Order confirmation and email with offers ü Form and page design ü User interactions and distractions ü Cross-sells ü Minimise required form fields ü Offer guest checkout ü Convert to account ü Minimise pages/stages ü One click for members ü Offer key payment options ü Simple payment selector design ü Payment type auto detect ü High perceived security cues ü Data foundation ü Design ü Content ü Decisioning and analytics ü Distribution ü Test and iteration ü Employee firewall ü Application control ü Patch application Configuring Microsoft Office macro setting User application protection ü Restrict administration privileges ü Patch operating systems ü Multi-factor authentication ü Regular back-ups ü Respond/recovery ready ü Reporting and analysis ü Mobile first design ü Ease of integration ü Scalability ü Product Catalogue ü Searchability ü Site security ü Flexible fulfilment ü Support and service ü Personalisation ü Total ownership cost ü Quality traffic (low bounce rate) ü Intuitive navigation ü Effective search ü Fast site speed ü Compelling content ü Optimised product pages ü Guest checkout ü Easy payment process ü Trust signals ü All key payment options ü Easy returns policy ü Service support ü Repeat active customers ü Offer supplementary and complimentary products ü Upsell ü Cross sell bundling ü Discounts on spend thresholds ü Free shipping thresholds ü Live shopping events ü Payment ü Rewards program
  120. John Batistich - 2021 Sources
  121. Key Source John Batistich - 2023 https://baymard.com/ Baymard Institute uncovers what designs cause usability issues, how to create “State of the Art” user experiences, and measure how your UX performance stacks up against leading e-commerce sites. Learn more at
  122. Other Sources John Batistich - 2023 ABS Akamai Alexsoft Amazon Australia Post Benedict Evans Bloomberg Global Web Index Google Images Google Trends HBR IAB Jarden Kardex Remstar Macrotrends McKinsey and Company NAB Quantium Online Sales Index 2011 – 2022 New York Times RBA Revealbot SEMRush Shopify - Future of Ecommerce Similar Web global ecommerce benchmarks Statistica
Publicité