[Feature Request]: Create first-time orientation interstitial screens WC

[elycheea]

The problem

The first-time orientation flow makes use of the interstitial screen component containing two steps — a welcome interstitial and a personalization interstitial.

While this pattern has been available on the IBM Products site since 2024, there is no pattern code available for it as this time.

The solution

Deliver the first-time orientation interstitials under the “First-time orientation” pattern under Carbon Labs Web Components. In terms of the IA, this should mirror the React version of the pattern.

Important

@RichKummer and I discussed and think we should keep content more generic but contextual in our patterns. Most of the copy in the welcome and personalization should be fine, but we should remove the product names in the example.

Design link

• Design guidance
• Carbon Labs React pattern

Links to other materials

No response

Owner/main maintainer(s)

IBM Products

Second/backup maintainer(s)

No response

Product/offering

No response

Business priority

None

Code of Conduct

• I agree to follow this project's Code of Conduct
• I checked the current issues for duplicate issues

Acceptance criteria

• Build pattern in Carbon Labs WC Storybook
  • Welcome interstitial should use simpler title: “Built to scale; made for the analyst”
  • Personalization step should use “Tailor your experience” rather than “Capabilities”¹
    • Simplify capability names (see below)

Generalized capabilities

• Accelerate process with automation
• Proactively identify issues
• Accelerate response times
• Create rules with greater efficiency
• Query faster and monitor in real-time
• Stay ahead of emerging issues
• Take action with custom and built-in dashboards

Footnotes

1. Rich and I noticed the inconsistency between the two images. “Tailor your experience” feels more aligned with the “First-time orientation” flow. ↩

[elycheea]

Note that this work is currently blocked by #7523.