[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fpages\u002Fcase-study":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"totals":8,"category":11,"seo":15,"breadcrumbs":19,"content":28,"examples":37,"showcases":443,"links":444,"dates":483},"\u002Fexamples\u002Fpages\u002Fcase-study","collection","pages",true,{"example_count":9,"app_count":10},80,52,{"id":12,"title":13,"description":14},159,"Case Study","Explore how websites tell the story of a customer project. Look at how the original challenge, the work involved, and reported results are arranged into a detailed narrative.",{"title":16,"description":17,"og_image":18},"Case Study page examples - Nicelydone","Case Study page design examples from SaaS websites. Explore how websites tell the story of a customer project. Look at how the original challenge, the work…","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F6772d2b3-37ab-4beb-b0bb-989625eb0fdc.png",[20,23,26],{"label":21,"to":22},"Examples","\u002Fexamples",{"label":24,"to":25},"SaaS marketing page examples","\u002Fexamples\u002Fpages",{"label":27,"to":4},"Case Study page examples",{"title":27,"eyebrow":29,"description":30,"sections":31,"body":35},"Marketing page category","Case Study page design examples from SaaS websites. Explore how websites tell the story of a customer project. Look at how the original challenge, the work involved, and reported results are arranged into a…",[32],{"title":33,"description":14,"links":34},"About Case Study",[],[36],"80 marketing pages",[38,86,117,158,186,213,246,280,307,342,377,410],{"uuid":39,"title":40,"description":41,"canonical_path":42,"image":18,"width":43,"height":44,"image_alt":45,"published_at":46,"kind":47,"patterns":48,"component_categories":56,"app":65},"6772d2b3-37ab-4beb-b0bb-989625eb0fdc","Polar","Customer story page detailing how Stilla AI implemented production-ready billing using Polar's payment infrastructure, formatted as a Q&A.","\u002Fexamples\u002Fapps\u002Fpolar\u002Fmarketing",3008,7420,"Polar from Polar","2026-09-21T19:01:38.000Z","screen",[49],{"id":12,"label":13,"slug":50,"rank":51,"group":52},"case-study",0,{"id":53,"label":54,"slug":55},15,"Marketing Page Types","marketing-page-types",[57,61],{"id":58,"title":59,"slug":60},258,"Header","header",{"id":62,"title":63,"slug":64},202,"Footer","footer",{"slug":66,"title":40,"logo":67,"baseline":68,"categories":69},"polar","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fpolar-3d0012c1.png","Sell SaaS and digital products in minutes",[70,74,78,82],{"id":71,"title":72,"slug":73},36,"Finance","finance",{"id":75,"title":76,"slug":77},39,"Payments","payments",{"id":79,"title":80,"slug":81},48,"Developer Tools","developer-tools",{"id":83,"title":84,"slug":85},37,"Developer APIs","developer-apis",{"uuid":87,"title":88,"description":89,"canonical_path":90,"image":91,"width":92,"height":93,"image_alt":94,"published_at":95,"kind":47,"patterns":96,"component_categories":99,"app":110},"79885490-ed21-4e1d-b9a5-6fae3e9b3109","xLabs & Latitude.sh - Latitude.sh","Customer story detailing how xLabs leverages Latitude.sh's bare metal infrastructure to achieve high uptime and zero skip rate for their blockchain nodes.","\u002Fexamples\u002Fapps\u002Flatitude-2\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F79885490-ed21-4e1d-b9a5-6fae3e9b3109.png",3012,9628,"xLabs & Latitude.sh - Latitude.sh from Latitude.sh","2026-09-14T11:09:31.000Z",[97],{"id":12,"label":13,"slug":50,"rank":51,"group":98},{"id":53,"label":54,"slug":55},[100,104,108,109],{"id":101,"title":102,"slug":103},174,"Card","card",{"id":105,"title":106,"slug":107},232,"Testimonial","testimonial",{"id":58,"title":59,"slug":60},{"id":62,"title":63,"slug":64},{"slug":111,"title":112,"logo":113,"baseline":114,"categories":115},"latitude-2","Latitude.sh","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F855c8d51-549e-4924-978d-a865acc9f11a.png","Deploy and manage fully automated bare metal servers globally",[116],{"id":79,"title":80,"slug":81},{"uuid":118,"title":119,"description":120,"canonical_path":121,"image":122,"width":123,"height":124,"image_alt":125,"published_at":126,"kind":47,"patterns":127,"component_categories":130,"app":143},"25ed9f2d-fca5-433d-bb4a-ef4490a4fb88","How Gravity Ads Trains Specialized LLMs to Power Their AI-Native Ad Network | Inference.net","Customer story page detailing how Gravity Ads uses specialized LLMs to reduce latency, featuring outcome metrics, a performance comparison bar chart, and an embedded calendar to book a research meeting.","\u002Fexamples\u002Fapps\u002Finference\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F25ed9f2d-fca5-433d-bb4a-ef4490a4fb88.png",3024,15322,"How Gravity Ads Trains Specialized LLMs to Power Their AI-Native Ad Network | Inference.net from Inference","2026-09-07T10:14:44.000Z",[128],{"id":12,"label":13,"slug":50,"rank":51,"group":129},{"id":53,"label":54,"slug":55},[131,135,139,140,141,142],{"id":132,"title":133,"slug":134},260,"Badge","badge",{"id":136,"title":137,"slug":138},175,"Button","button",{"id":101,"title":102,"slug":103},{"id":105,"title":106,"slug":107},{"id":58,"title":59,"slug":60},{"id":62,"title":63,"slug":64},{"slug":144,"title":145,"logo":146,"baseline":147,"categories":148},"inference","Inference","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F65e2bbca-c37f-44d3-a945-dbb7846ba077.png","Build and monitor self-improving agents.",[149,150,154,155],{"id":79,"title":80,"slug":81},{"id":151,"title":152,"slug":153},16,"Monitoring","monitoring",{"id":83,"title":84,"slug":85},{"id":9,"title":156,"slug":157},"Artificial Intelligence","artificial-intelligence",{"uuid":159,"title":160,"description":161,"canonical_path":162,"image":163,"width":123,"height":164,"image_alt":165,"published_at":166,"kind":47,"patterns":167,"component_categories":170,"app":174},"c35b6316-2fa9-44f9-a45a-021f65f78f28","Metadata | Case Study | Webflow","Testimonials page where a detailed case study explains how Webflow uses Origin to design a global benefits strategy for its employees.","\u002Fexamples\u002Fapps\u002Fuseorigin\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fc35b6316-2fa9-44f9-a45a-021f65f78f28.png",8720,"Metadata | Case Study | Webflow from Origin Financial","2026-08-31T10:47:43.000Z",[168],{"id":12,"label":13,"slug":50,"rank":51,"group":169},{"id":53,"label":54,"slug":55},[171,172,173],{"id":136,"title":137,"slug":138},{"id":58,"title":59,"slug":60},{"id":62,"title":63,"slug":64},{"slug":175,"title":176,"logo":177,"baseline":178,"categories":179},"useorigin","Origin Financial","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F15075243-f5d2-4573-9045-2e4c07c4ce88.png","All-in-one financial platform for budgeting, investing, and AI-powered planning",[180,181,185],{"id":71,"title":72,"slug":73},{"id":182,"title":183,"slug":184},56,"Accounting","accounting",{"id":9,"title":156,"slug":157},{"uuid":187,"title":188,"description":189,"canonical_path":190,"image":191,"width":92,"height":192,"image_alt":193,"published_at":194,"kind":47,"patterns":195,"component_categories":198,"app":203},"824f9ce3-93ad-4f64-b30e-2556dd83ab79","On-Demand Presentations: How TED (Nonprofit) records presentations remotely to spread new ideas","Customer case study page detailing how TED uses Riverside for remote video recording, featuring embedded video clips, quote cards, and company metrics.","\u002Fexamples\u002Fapps\u002Friverside\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F824f9ce3-93ad-4f64-b30e-2556dd83ab79.png",15918,"On-Demand Presentations: How TED (Nonprofit) records presentations remotely to spread new ideas from Riverside","2026-08-24T09:31:05.000Z",[196],{"id":12,"label":13,"slug":50,"rank":51,"group":197},{"id":53,"label":54,"slug":55},[199,200,201,202],{"id":101,"title":102,"slug":103},{"id":105,"title":106,"slug":107},{"id":58,"title":59,"slug":60},{"id":62,"title":63,"slug":64},{"slug":204,"title":205,"logo":206,"baseline":207,"categories":208},"riverside","Riverside","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fcc94468d-7b59-49b7-b969-3aee258a2348.png","HD podcast and video recording and editing software",[209],{"id":210,"title":211,"slug":212},100,"Video","video",{"uuid":214,"title":215,"description":216,"canonical_path":217,"image":218,"width":123,"height":219,"image_alt":220,"published_at":221,"kind":47,"patterns":222,"component_categories":225,"app":230},"db0a61ff-812f-4592-a712-bff91ef8e3fa","Axiom lets Salad’s distributed AI computing customers see and use their own logs - Axiom","Customer story page where the user reads how Salad uses Axiom for distributed AI computing observability, featuring key takeaways, customer quotes, and product screenshots.","\u002Fexamples\u002Fapps\u002Faxiom\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fdb0a61ff-812f-4592-a712-bff91ef8e3fa.png",11482,"Axiom lets Salad’s distributed AI computing customers see and use their own logs - Axiom from Axiom","2026-08-18T09:00:19.000Z",[223],{"id":12,"label":13,"slug":50,"rank":51,"group":224},{"id":53,"label":54,"slug":55},[226,227,228,229],{"id":101,"title":102,"slug":103},{"id":105,"title":106,"slug":107},{"id":58,"title":59,"slug":60},{"id":62,"title":63,"slug":64},{"slug":231,"title":232,"logo":233,"baseline":234,"categories":235},"axiom","Axiom","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F22cc0be3-ce3f-442a-903f-4da9befc54cd.png","The modern machine data platform.",[236,240,244,245],{"id":237,"title":238,"slug":239},46,"Analytics","analytics",{"id":241,"title":242,"slug":243},57,"Big data","big-data",{"id":151,"title":152,"slug":153},{"id":79,"title":80,"slug":81},{"uuid":247,"title":248,"description":249,"canonical_path":250,"image":251,"width":123,"height":252,"image_alt":253,"published_at":254,"kind":47,"patterns":255,"component_categories":258,"app":267},"2adaee9c-919d-4e05-8e1f-2107d94e1e95","How Flatiron Health scaled document extraction to 100M+ pages with Extend | Extend","Long-form customer case study article detailing how Flatiron Health uses the product for document extraction, featuring inline quotes and a related-articles grid.","\u002Fexamples\u002Fapps\u002Fextend\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F2adaee9c-919d-4e05-8e1f-2107d94e1e95.png",11274,"How Flatiron Health scaled document extraction to 100M+ pages with Extend | Extend from Extend","2026-08-17T12:39:21.000Z",[256],{"id":12,"label":13,"slug":50,"rank":51,"group":257},{"id":53,"label":54,"slug":55},[259,263,264,265,266],{"id":260,"title":261,"slug":262},169,"Avatar","avatar",{"id":101,"title":102,"slug":103},{"id":105,"title":106,"slug":107},{"id":58,"title":59,"slug":60},{"id":62,"title":63,"slug":64},{"slug":268,"title":269,"logo":270,"baseline":271,"categories":272},"extend","Extend","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F15f6030e-2d0f-4381-9480-44902ed125e2.png","Document processing infrastructure for AI agents",[273,277,278,279],{"id":274,"title":275,"slug":276},77,"Machine learning","machine-learning",{"id":9,"title":156,"slug":157},{"id":83,"title":84,"slug":85},{"id":79,"title":80,"slug":81},{"uuid":281,"title":282,"description":283,"canonical_path":284,"image":285,"width":123,"height":286,"image_alt":287,"published_at":288,"kind":47,"patterns":289,"component_categories":292,"app":298},"eb0bedea-3cea-49a5-b135-4599e77e0667","How Mercury Scaled Secure Debit and Credit Cards With Lithic","Customer story detailing how Mercury scaled its secure debit and credit card programs using Lithic's authorization infrastructure.","\u002Fexamples\u002Fapps\u002Flithic\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Feb0bedea-3cea-49a5-b135-4599e77e0667.png",19578,"How Mercury Scaled Secure Debit and Credit Cards With Lithic from Lithic","2026-07-20T18:29:48.000Z",[290],{"id":12,"label":13,"slug":50,"rank":51,"group":291},{"id":53,"label":54,"slug":55},[293,294,295,296,297],{"id":132,"title":133,"slug":134},{"id":136,"title":137,"slug":138},{"id":105,"title":106,"slug":107},{"id":58,"title":59,"slug":60},{"id":62,"title":63,"slug":64},{"slug":299,"title":300,"logo":301,"baseline":302,"categories":303},"lithic","Lithic","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F29eef334-64df-456e-bb65-9d93c535b644.png","Programmable card issuing and money movement platform",[304,305,306],{"id":71,"title":72,"slug":73},{"id":75,"title":76,"slug":77},{"id":83,"title":84,"slug":85},{"uuid":308,"title":309,"description":310,"canonical_path":311,"image":312,"width":123,"height":313,"image_alt":314,"published_at":315,"kind":47,"patterns":316,"component_categories":319,"app":328},"9793dd94-9dfe-4116-8dc8-801237a718fb","1Password Case Study | Revenue Archives","The screen displays a detailed case study page, structured with a global header, a main content area, and a footer. The header features the 'dock' logo, horizontal navigation links ('Product', 'Pricing', 'Customers', 'Resources') with 'Product' and 'Resources' dropdowns visibly open, and action buttons ('Log in', 'Request Demo', 'Start for Free'). Below the header, a section titled 'The Revenue Archives' includes two tabs, 'All' and 'Case Studies', with 'All' currently selected. The main content area is dedicated to the '1Password Case Study', featuring the company logo and title, a concise description, and two prominent call-to-action buttons: 'View PDF' and 'Source'. To the right of the main case study text, there's a large promotional image for the 1Password case study. Further down, a section titled 'What Makes it Great' lists key benefits in bullet points. A 'Takeaway Tip' section provides advice related to creating case studies. The page concludes with a 'Related Assets' section, displaying a grid of six case study cards (Klaviyo, Outreach, Miro, Slack, Pendo, Alloy Automation), each with a company logo, title, and an associated image or photo. A 'View more' button is present above the related assets grid. The footer contains multiple columns of links categorized under 'Revenue Enablement', 'Sales', 'Customer Success', 'AI & Integrations', 'Templates', 'Resources', and 'General', along with legal and support links.","\u002Fexamples\u002Fapps\u002Fdock\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F9793dd94-9dfe-4116-8dc8-801237a718fb.png",5120,"1Password Case Study | Revenue Archives from Dock","2026-07-13T15:30:47.000Z",[317],{"id":12,"label":13,"slug":50,"rank":51,"group":318},{"id":53,"label":54,"slug":55},[320,324,325,326,327],{"id":321,"title":322,"slug":323},233,"Tabs","tabs",{"id":136,"title":137,"slug":138},{"id":101,"title":102,"slug":103},{"id":58,"title":59,"slug":60},{"id":62,"title":63,"slug":64},{"slug":329,"title":330,"logo":331,"baseline":332,"categories":333},"dock","Dock","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fdock-k4tgvy1y.png","The new way to manage external relationships",[334,338],{"id":335,"title":336,"slug":337},23,"Collaboration","collaboration",{"id":339,"title":340,"slug":341},29,"Task Management","task-management",{"uuid":343,"title":344,"description":345,"canonical_path":346,"image":347,"width":123,"height":348,"image_alt":349,"published_at":350,"kind":47,"patterns":351,"component_categories":354,"app":365},"52bd4826-5b93-4541-9da5-7baea1b427a0","Empowering Shopify merchants with real-time store monitoring using StoreAlert - Appwrite","it includes a dark-themed layout with a prominent header featuring a logo, horizontal navigation, GitHub star count, and a primary call-to-action button. The main content area displays a blog article with a large title, subtitle, author details, share buttons, and an embedded graphic. The article body is structured with headings, paragraphs, bullet points, a blockquote, and an accordion for frequently asked questions. A right-hand sidebar presents a table of contents for article navigation. Below the main article, there's a promotional section with a call-to-action, followed by a 'Read next' section showcasing related articles in a grid card layout. A comprehensive footer provides multiple columns of navigation links, social media icons, system status, legal links, and a logo. Typography uses a sans-serif font, with large, bold text for titles and smaller, lighter text for body content, maintaining a clear hierarchy. The color palette is primarily dark grey and black with white text, accented by pink\u002Fmagenta for interactive elements and buttons.","\u002Fexamples\u002Fapps\u002Fappwrite\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F52bd4826-5b93-4541-9da5-7baea1b427a0.png",14646,"Empowering Shopify merchants with real-time store monitoring using StoreAlert - Appwrite from Appwrite","2026-07-07T08:00:53.000Z",[352],{"id":12,"label":13,"slug":50,"rank":51,"group":353},{"id":53,"label":54,"slug":55},[355,359,360,361,362,363,364],{"id":356,"title":357,"slug":358},168,"Accordion","accordion",{"id":132,"title":133,"slug":134},{"id":260,"title":261,"slug":262},{"id":101,"title":102,"slug":103},{"id":105,"title":106,"slug":107},{"id":58,"title":59,"slug":60},{"id":62,"title":63,"slug":64},{"slug":366,"title":367,"logo":368,"baseline":369,"categories":370},"appwrite","Appwrite","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Faba3119b-0179-4fbd-b6d0-2bb3a0bfda07.png","Open-source backend platform for building and scaling apps with Auth, Database, Storage, Functions, Realtime, Messaging, and Sites.",[371,372,373],{"id":79,"title":80,"slug":81},{"id":83,"title":84,"slug":85},{"id":374,"title":375,"slug":376},45,"Open Source","open-source",{"uuid":378,"title":379,"description":380,"canonical_path":381,"image":382,"width":123,"height":383,"image_alt":384,"published_at":385,"kind":47,"patterns":386,"component_categories":389,"app":395},"3799e81e-2e64-49e5-9434-ee124f161dc9","Automating 70 of customer support for 90+ products How AI automation transformed Trilogy","Article detailing how Trilogy automated their customer support using Voiceflow, featuring metrics, a line chart, pull quotes, and related customer stories.","\u002Fexamples\u002Fapps\u002Fvoiceflow\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F3799e81e-2e64-49e5-9434-ee124f161dc9.png",18582,"Automating 70 of customer support for 90+ products How AI automation transformed Trilogy from Voiceflow","2026-07-07T07:44:33.000Z",[387],{"id":12,"label":13,"slug":50,"rank":51,"group":388},{"id":53,"label":54,"slug":55},[390,391,392,393,394],{"id":356,"title":357,"slug":358},{"id":260,"title":261,"slug":262},{"id":105,"title":106,"slug":107},{"id":58,"title":59,"slug":60},{"id":62,"title":63,"slug":64},{"slug":396,"title":397,"logo":398,"baseline":399,"categories":400},"voiceflow","Voiceflow","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fvoiceflow-ba430e40.png","Build amazing conversational assistants",[401,402,406],{"id":9,"title":156,"slug":157},{"id":403,"title":404,"slug":405},47,"Customer Service","customer-service",{"id":407,"title":408,"slug":409},96,"No code","no-code",{"uuid":411,"title":412,"description":413,"canonical_path":414,"image":415,"width":123,"height":416,"image_alt":417,"published_at":418,"kind":47,"patterns":419,"component_categories":422,"app":427},"1c2d78e4-ebc6-45dd-9d4e-0150cc2c951f","AI Receptionist for Healthcare Recruitment  Beside Customer Story","Customer story detailing how FabySmiles uses an AI receptionist for healthcare recruitment to handle inbound calls and ensure communication continuity.","\u002Fexamples\u002Fapps\u002Fbeside\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F1c2d78e4-ebc6-45dd-9d4e-0150cc2c951f.png",13288,"AI Receptionist for Healthcare Recruitment  Beside Customer Story from Beside","2026-06-29T18:30:01.000Z",[420],{"id":12,"label":13,"slug":50,"rank":51,"group":421},{"id":53,"label":54,"slug":55},[423,424,425,426],{"id":136,"title":137,"slug":138},{"id":105,"title":106,"slug":107},{"id":58,"title":59,"slug":60},{"id":62,"title":63,"slug":64},{"slug":428,"title":429,"logo":430,"baseline":431,"categories":432},"beside","Beside","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F8c14025e-58b4-4801-bd91-3e31a3cf8f21.png","AI-powered business phone assistant that answers calls and takes action",[433,434,435,439],{"id":9,"title":156,"slug":157},{"id":403,"title":404,"slug":405},{"id":436,"title":437,"slug":438},53,"CRM","crm",{"id":440,"title":441,"slug":442},82,"Communication","communication",[],[445,447,450,453,456,459,462,465,468,471,474,477,480],{"label":106,"to":446},"\u002Fexamples\u002Fcomponents\u002Ftestimonial",{"label":448,"to":449},"Polar design examples","\u002Fexamples\u002Fapps\u002Fpolar",{"label":451,"to":452},"Latitude.sh design examples","\u002Fexamples\u002Fapps\u002Flatitude-2",{"label":454,"to":455},"Inference design examples","\u002Fexamples\u002Fapps\u002Finference",{"label":457,"to":458},"Origin Financial design examples","\u002Fexamples\u002Fapps\u002Fuseorigin",{"label":460,"to":461},"Riverside design examples","\u002Fexamples\u002Fapps\u002Friverside",{"label":463,"to":464},"Axiom design examples","\u002Fexamples\u002Fapps\u002Faxiom",{"label":466,"to":467},"Extend design examples","\u002Fexamples\u002Fapps\u002Fextend",{"label":469,"to":470},"Lithic design examples","\u002Fexamples\u002Fapps\u002Flithic",{"label":472,"to":473},"Dock design examples","\u002Fexamples\u002Fapps\u002Fdock",{"label":475,"to":476},"Appwrite design examples","\u002Fexamples\u002Fapps\u002Fappwrite",{"label":478,"to":479},"Voiceflow design examples","\u002Fexamples\u002Fapps\u002Fvoiceflow",{"label":481,"to":482},"Beside design examples","\u002Fexamples\u002Fapps\u002Fbeside",{"published_at":484,"updated_at":485},"2026-05-15T19:23:00.000Z","2026-09-26T20:10:01.454Z"]