The Claro Interface and Workflow

The Shift to Cloud-Native

Claro represents a fundamental shift from desktop-bound authoring to a cloud-native environment. Unlike Storyline, where you manage local .story files, Claro lives entirely in your browser, enabling real-time collaboration and eliminating file corruption risks.

Welcome to the future of authoring. While you're used to the desktop-bound nature of Storyline, Claro is cloud-native. This means your projects live in the cloud, autosaving constantly and allowing your team to collaborate without ever passing around a single file.

• Claro is fixed-layout and pixel-perfect.
• Cloud-native means no local file management.
• Collaboration happens in real-time.

Navigating the Interface

The Claro interface is designed for speed. Key areas include the Ribbon at the top, the Project Explorer on the left, and the Stage in the center.

Let's take a tour of your new workspace. At the top is the Ribbon, where you'll find everything from basic inserts to complex widgets. On the left, the Project Explorer displays your course structure. And here in the center is the Stage—your canvas for building pixel-perfect content. The Engage tab is a game-changer. It contains pre-built interactive widgets that save you from building complex triggers manually.

• Ribbon: Insert, Engage, and Interact tabs.
• Project Explorer: Manage course structure.
• The Stage: Your design canvas.

Speed with Element Controls

Claro introduces Element Controls—floating icons that appear next to a selected object. The Lightning Bolt icon is your shortcut to the Actions panel.

One of Claro's best productivity features is the Element Controls. When you select an object, a set of icons appears right next to it. Click the lightning bolt to instantly open the Actions panel—no more digging through side panes to find your triggers.

• Floating controls reduce mouse travel.
• Lightning Bolt = Actions/Interactivity.
• Rapid editing directly on the stage.

Building a Tabbed Interaction

Compare the workflows: In Storyline, you build layers and triggers manually. In Claro, you use the Engage tab for pre-built components.

Let's see how much faster building a tabbed interaction is in Claro. First, we go to the Engage tab and select 'Tab Set'. The component drops onto the stage with logic already built-in. Finally, use the Element Controls to add more tabs or change styles—no manual trigger creation required!

• Avoid over-engineering with custom triggers.
• Use 'Engage' components for built-in logic.
• Tweak pre-configured actions.

The Power of the Central Library

Stop thinking about individual files. In Claro, assets live in a Central Library. Update a logo once, and it updates across every project using it.

In the Storyline world, if a logo changes, you have to update every .story file manually. In Claro, you update the asset in the Central Library. Watch as the change ripples through all your pages automatically. This is true enterprise-scale efficiency.

• Global asset management.
• Update once, apply everywhere.
• Reduces redundant file storage.