[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"detail-sidebar-cat-1-en-105":3,"doc-seo-384522-105":53,"doc-detail-384522-en":118},{"code":4,"msg":5,"data":6},0,"success",[7,14,19,24,29,34,39,44,49],{"id":8,"doc_module":9,"doc_module_name":10,"category_name":11,"show_sort_weight":12,"slug":13},11,1,"Template","Presentations",90,"presentations",{"id":15,"doc_module":9,"doc_module_name":10,"category_name":16,"show_sort_weight":17,"slug":18},12,"Resumes",80,"resumes",{"id":20,"doc_module":9,"doc_module_name":10,"category_name":21,"show_sort_weight":22,"slug":23},14,"Invoices",70,"invoices",{"id":25,"doc_module":9,"doc_module_name":10,"category_name":26,"show_sort_weight":27,"slug":28},15,"Posters",60,"posters",{"id":30,"doc_module":9,"doc_module_name":10,"category_name":31,"show_sort_weight":32,"slug":33},16,"Social Media",50,"social-media",{"id":35,"doc_module":9,"doc_module_name":10,"category_name":36,"show_sort_weight":37,"slug":38},17,"Forms",40,"forms",{"id":40,"doc_module":9,"doc_module_name":10,"category_name":41,"show_sort_weight":42,"slug":43},18,"Letters",30,"letters",{"id":45,"doc_module":9,"doc_module_name":10,"category_name":46,"show_sort_weight":47,"slug":48},21,"Paper Templates",5,"papers-templates",{"id":50,"doc_module":9,"doc_module_name":10,"category_name":51,"show_sort_weight":4,"slug":52},158,"General","general-158",{"code":4,"msg":54,"data":55},"ok",{"site_id":56,"language":57,"slug":58,"title":59,"keywords":60,"description":61,"schema_data":62,"social_meta":111,"head_meta":113,"extra_data":115,"updated_unix":117},105,"en","designing-and-developing-topps-turning-a-classic-pastime-into-an-unforgettable-digital-customer-experience","Designing and Developing Topps - Turning a Classic Pastime into an Unforgettable Digital Customer Experience","","Blue Acorn iCi presents a case study on designing and developing Topps’ ecommerce experience. Topps faced rising costs and delays maintaining its M1 site and limited progress on UX and conversion optimization. Using a Topps-specific UX Blueprint that combined quantitative, expert, user, and qualitative analysis, Blue Acorn iCi improved navigation, filtering, merchandising, recommendations, and search. The team also rebuilt the custom card builder on native Magento for speed and mobile usability, enabling image upload, frame and team selection, flexible configuration, and seamless checkout with printer integration via PNG capture.",{"@graph":63,"@context":110},[64,80,101],{"@type":65,"itemListElement":66},"BreadcrumbList",[67,71,74,77],{"item":68,"name":69,"@type":70,"position":9},"https://docshare.wps.com","Home","ListItem",{"item":72,"name":10,"@type":70,"position":73},"https://docshare.wps.com/template/",2,{"item":75,"name":11,"@type":70,"position":76},"https://docshare.wps.com/template/presentations/",3,{"item":78,"name":59,"@type":70,"position":79},"https://docshare.wps.com/template/designing-and-developing-topps-turning-a-classic-pastime-into-an-unforgettable-digital-customer-experience/384522/",4,{"url":78,"name":59,"@type":81,"image":82,"author":87,"headline":59,"publisher":90,"fileFormat":93,"inLanguage":57,"description":61,"dateModified":94,"datePublished":95,"encodingFormat":93,"isAccessibleForFree":96,"interactionStatistic":97},"DigitalDocument",{"url":83,"@type":84,"width":85,"height":86},"https://docshare.wps.com/thumbnails/designing-and-developing-topps-turning-a-classic-pastime-into-an-unforgettable-digital-customer-experience/384522.png","ImageObject",442,249,{"name":88,"@type":89},"awa","Person",{"url":68,"name":91,"@type":92},"DocShare","Organization","application/pdf","2026-10-27","2026-09-24",true,{"@type":98,"interactionType":99,"userInteractionCount":30},"InteractionCounter",{"@type":100},"ViewAction",{"@type":102,"mainEntity":103},"FAQPage",[104],{"name":105,"@type":106,"acceptedAnswer":107},"How does the revamped custom card builder work end-to-end?","Question",{"text":108,"@type":109},"Customers upload an image, choose frames and teams, then customize text such as name, hometown, and stats. When ready for cart, the builder captures the card as a PNG, adds it to the cart, and after checkout sends the image to printers through a Magento integration.","Answer","https://schema.org",{"og:url":78,"og:type":112,"og:title":59,"og:site_name":91,"og:description":61},"article",{"robots":114,"canonical":78},"index,follow",{"doc_id":116,"site_id":56},384522,1791176164,{"code":4,"msg":5,"data":119},{"doc_id":116,"user_id":120,"nickname":88,"user_avatar":121,"doc_module":9,"category_id":8,"category_name":11,"doc_title":59,"doc_description":61,"doc_content":122,"file_id":123,"file_url":124,"file_type":125,"file_size":126,"view_count":30,"is_deleted":4,"is_public":9,"is_downloadable":9,"audit_status":9,"page_count":127,"language":128,"language_code":57,"site_id":56,"html_lang":57,"table_of_contents":129,"faqs":130,"seo_title":131,"seo_description":61,"update_tm":132,"read_time":76},3985747858093,"https://ap-avatar.wpscdn.com/davatar_3d24733baf745e90a7e4bdd5f77d97b2","Phone  \n843.793.5641  \nWebsite  \n[blueacornici.com](blueacornici.com)  \nEmail  \n[hello@blueacornici.com](hello@blueacornici.com) © Copyright 2019 Blue Acorn iCi  \nDesigning and Developing Topps  \nTurning a Classic Pastime into an Unforgettable Digital Customer Experience  \nTopps, a 75-year-old company known best for their baseball cards, fosters authentic connections between fans and the players they idolize. Their long list of loyal customers frequently visits the site with some coming back to buy special edition cards every week. In addition to selling one-of-a-kind and signed baseball, soccer, and wrestling cards, Topps has always sought to create a more personal and engaging online experience through investments, such as loyalty programs, rewards, and customizable products. However, adding new functionality to their M1 ecommerce site was becoming more costly and time-consuming. As the backlog grew, store operations took precedence over enhancing the user experience and optimizing conversion rate.  \nPhone  \n843.793.5641  \nWebsite  \n[blueacornici.com](blueacornici.com)  \nEmail  \n[hello@blueacornici.com](hello@blueacornici.com) © Copyright 2019 Blue Acorn iCi  \nBefore M1 support ended, the Topps team decided to invest in a new M2 site as well asa new ecommerce agency. After going through an intense vetting process with FitForCommerce, Topps chose Blue Acorn iCi over its current partner and other agencies. Topps cited Blue Acorn iCi’s unparalleled experience inecommerce strategy, design, and replatforming as the reason for partnering with the agency.  \nUX Blueprint  \nTo evaluate the previous ecommerce site and identify opportunities, Blue Acorn iCi’s Insights Team created a Topps-specific UX Blueprint—a tool that helps brands define their UX strategy. The team approaches a UX Blueprint from four perspectives: quantitative, expert, user, and qualitative. From the qualitative approach, they analyzed key metrics, such as conversion rate, average order value, device usage, and top pages.  \nThe qualitative approach audits the user experience and customer journey for best practices, general usability, and conversion opportunities. The audit revealed mismatched merchandising, overwhelming navigation and a lack of compelling content. User insights validated the findings from the qualitative and quantitative assessments.  \nFollowing the UX Blueprint, Blue Acorn iCi created clear and intuitive navigation and filtering, improved product recommendations for relevancy and popularity, and added an easy-to-use search function. To optimize merchandising, the team added a variety of products and access to nostalgic products (all products are now archived and searchable but labeled as out-of-stock) and designed an exciting shopping experience to create brand awareness.  \nPhone  \n843.793.5641  \nWebsite  \n[blueacornici.com](blueacornici.com)  \nEmail  \n[hello@blueacornici.com](hello@blueacornici.com) © Copyright 2019 Blue Acorn iCi  \nCustom Card Builder  \nThe original custom card builder was slow to load and lacked a mobile-friendly experience, making it impossible for customers to design their cards when away from their desktop. The Topps team envisioned a revamped custom card builder that allows parents to snap a picture of their kid playing baseball or soccer, upload the image to the Topps website, and immediately create the custom card—all while watching their kid’s game. This vision led to three main goals for the new builder: make it easy to upload new frames, allow flexibility with future frames, and improve the user experience.  \nBlue Acorn iCi built the entire experience on native Magento, including templating and dynamic text. The entire builder is on one page developed in JavaScript, which keeps the builder extremely fast and responsive (similar to an app). It also minimizes the number of API calls; in fact, the only API call is the add to cart which is native Magento.  \nThe first step of the custom card builder is choosing an image. Cu","cbCail8Y8PZ74Fmv","https://ap.wps.com/l/cbCail8Y8PZ74Fmv","pdf",1994047,7,"English","# UX Blueprint\n## Quantitative and qualitative analysis\n## UX improvements and merchandising\n# Custom Card Builder\n## Native Magento implementation\n## Image, frame, and team customization\n## Cart, checkout, and printer integration","[{\"question\":\"How does the revamped custom card builder work end-to-end?\",\"answer\":\"Customers upload an image, choose frames and teams, then customize text such as name, hometown, and stats. When ready for cart, the builder captures the card as a PNG, adds it to the cart, and after checkout sends the image to printers through a Magento integration.\"}]","Designing and Developing Topps - Turning a Classic Pastime into an Unforgettable Digital Customer Experience | PDF",1790263870]