Skip to content

Scenario editor screen examples

Scenario editor screen design examples from SaaS apps. Browse examples from Hashnode, Ramp, Asana.

Explore the examples

Hashnode - Hashnode APIs Hackathon screen
Hashnode logo
Hashnode

Event landing page for the Hashnode APIs Hackathon detailing categories, participation steps, evaluation criteria, and a registration call to action.

Ramp - 3 Ways to Distinguish AI vs. Automation in Fintech screen
Ramp logo
Ramp

Marketing article explaining the difference between AI and automation in fintech, featuring a sticky sidebar CTA, related reading suggestions, and a customer success highlight.

Asana - 110+ Icebreaker Questions for Team Building [2024] • Asana screen
Asana logo
Asana

Article page providing a list of over 110 icebreaker questions for team building, categorized by topic, with a sticky table of contents and downloadable meeting templates.

Checkly - Getting started with Checkly Traces and OpenTelemetry screen
Checkly logo
Checkly

Developer documentation page explaining how to get started with Checkly traces and OpenTelemetry, featuring integration scenarios and a video demonstration.

Anthropic - Library - Anthropic screen
Anthropic logo
Anthropic

Documentation section where the user browses and searches a library of optimized prompts for various business and personal tasks.

Make - Integration Tools | Make screen
Make logo
Make

Workflow editor canvas where the user is building an automation scenario and has opened an app selection menu to add a new module.

Jitter - Design animated graphics that level-up your brand · Jitter screen
Jitter logo
Jitter

Marketing page highlighting the social media graphics use case with a feature grid, template examples, and a primary call to action.

Hookdeck - What Are Webhooks And How Do They Work screen
Hookdeck logo
Hookdeck

Educational guide explaining what webhooks are and how they work, featuring a table of contents and inline call-to-action banners for the platform.

Gladia - Gladia - Using a Speech-to-Text API for Meetings - Best Practices screen
Gladia logo
Gladia

Article page where the user reads a guide on configuring speech-to-text for virtual meetings, followed by related articles and a newsletter subscription form.

Rewatch - How Sharing Cross-Functional Wins Leads to Company Success screen
Rewatch logo
Rewatch

Article page featuring a Q&A about sharing cross-functional wins, with a floating social share bar, recommended reading cards, and a newsletter signup section.

Decipad - Decipad Public Beta and The Future Of Numbers • Decipads Blog screen
Decipad logo
Decipad

Article announcing a public beta where the user reads about new notebook features like playful modeling and AI assistance, and can subscribe to a newsletter.

Evervault - The case for encryption by proxy — Blog — Evervault screen
Evervault logo
Evervault

Article explaining the concept and benefits of encryption by proxy, featuring explanatory diagrams, a call to action, and related posts.

Explore the full SaaS screen library

Upgrade to unlock the full library.

Trusted by the best teams