Designing Scryon’s AI call experience from first principles

Scryon

Product StrategyUX/UI DesignDesign System

YEAR

2026

PROJECT OVERVIEW

Scryon came to us with an ambitious AI capability spanning recording, transcription, analysis, and action management. We turned that broad requirement into a clear, trustworthy mobile experience.

Owl led product strategy, information architecture, UX/UI, prototyping, and the design system—creating a coherent Android product and a reusable foundation for future releases.

Branding — to give Scryon a visual identity

Before shaping the product flows, we gave Scryon a recognisable identity. Competitive analysis showed a category crowded with literal phone symbols and generic AI cues, so the system needed to feel immediate without becoming interchangeable.

The wordmark turns the ‘o’ into a compact call-and-signal symbol. That idea carries into an app icon that combines calling, audio, notes, and notification—making the product’s promise visible before a user opens it.

Design systems — a smart agentic token harness

Semantic tokens connect brand, surface, text, stroke, feedback, and interaction roles across light and dark themes. Reusable patterns for call rows, processing states, actions, navigation, and errors let the product respond consistently as AI states change.

Primitive Colour Ramp

Blue10-step primitive ramp

Yellow10-step primitive ramp

Red10-step primitive ramp

Shared Colours / Semantic Colours

Type Ramp

App Header24 / 29 · Bold · +0.24

Turn every call into clarity.

Sub Header20 / 24 · Medium · +0.20

Summary, outcome, next steps.

Body 116 / 22 · Medium · +0.16

A transcript is useful. A transcript that knows what happens next is better.

Body 214 / 20 · Regular · +0.14

Vartika Singh · 5:30 PM · Jun 19

Body 312 / 14 · Regular · +0.12

Assigned to Praveen Kumar

Fetch data — analysing the capabilities

We designed one entry point for recent calls, existing recordings, and imported audio. Contextual permission prompts request call data or phone storage only when needed, keeping setup light while making the source and status of every file clear.

Scryon My Calls screen showing recorded calls and transcription status

Transcript generation — making asynchronous progress easy to trust

The flow covers uploading, transcribing, ready, failed, and retry states without blocking the call library. Once complete, summary and outcome lead the hierarchy while the player and verbatim transcript remain close enough for verification.

Scryon transcription library with summaries and extracted actions

Scryon call analysis with summary, outcome, and detailed notes

Scryon call analysis with audio playback and contextual actions

Scryon contextual menu for editing or deleting an extracted action

User action — carrying conversation context into the next step

Extracted actions stay linked to the call, participant, owner, and supporting detail. Users can review or edit them in context, manage them in a focused list, and move directly into follow-up through actions such as call or email.

Scryon Actions screen with assigned follow-up tasks

Scryon Actions screen showing active and completed tasks

Scryon interface component states and interaction patterns

Design impact

One clear product model

Recording, transcription, analysis, and actions now follow one predictable flow.

Trust in every state

Progress, failure, retry, and privacy controls make AI behaviour visible and recoverable.

Ready to scale

Reusable tokens and components reduce rework as the product grows.

We transformed a capability-heavy requirement into a product people can understand, trust, and extend.