SAP · B2B · 2014-2023
SAP Design System Components
Conversion & Trust
Components built to earn user confidence and move purchase decisions forward.
Pricing Overview
Gives users a clear breakdown of features and pricing per tier, replacing a design that caused confusion and high bounce during the pricing exploration phase.
Outcome:
Increased clarity around each tier's value proposition, helping more users move forward to try/buy or contact us rather than dropping off during comparison.
Pricing Comparison Table
A redesigned side-by-side feature comparison with stronger visual hierarchy, making plan differences easy to scan.
Outcome:
Improved user understanding and engagement, contributing to increased selection of try/buy and contact-us CTAs across SAP product pages.
Navigation & Findability
Patterns that help users move through dense content without getting lost.
Chapters
In-article navigation letting users jump across a full article series, improving engagement and reducing bounce on long-form pages.
Outcome:
Improved user engagement and lowered bounce rate on the long form pages.
Anchor Navigation
A quick-access overview of on-page content, so users can jump straight to what's relevant.
Outcome:
Reduced friction on long pages by letting users jump directly to relevant content instead of scrolling to find it.
Search In-Page
Custom in-page search and filtering, built to help users find the right SAP product fast.
Outcome:
Helped users self-serve to the right SAP product faster, reducing reliance on browsing or external search.
Feedback & Research
A component built to keep the design system honest — grounded in what users actually need.
In-Page Survey Component
Lightweight, embedded feedback collection to surface user needs, preferences, and pain points directly from the page.
Outcome:
Surfaced direct user feedback that informed ongoing design and content decisions across the site.