Skip to Content
Product HandbookScreen Atlas
Real product screens

Know where you are—and what every surface is for.

These captures come from the current Clientana product, not conceptual wireframes. Each screen is paired with the decisions a user makes there.

Product entry

PublicClientana homepage
HomepageThe public entry connects Record, Meet, live translation, product use cases, pricing, enterprise, support, contact sales, and sign-in.
  1. 1
    Product navigation

    Record and Meet have dedicated product pages while translation and use cases explain shared capabilities.

  2. 2
    Primary promise

    The hero establishes that live meetings and async recording share one workspace and one translation story.

  3. 3
    Low-friction entry

    A guest can start a meeting or recording without first creating an account.

Record studio

CreateClientana Record source setup and live preview
Desktop recording workspaceThe screen separates intent, source setup, the final canvas, recording controls, camera options, and local/cloud plan guidance.
  1. 1
    Recording type

    Choose the fastest preset, then fine-tune individual screen, camera, microphone, and system-audio sources.

  2. 2
    Multiple source support

    Add and refresh screen sources before the capture begins; the product supports up to three screen or tab sources.

  3. 3
    Master preview

    The live canvas represents the compiled video. Optional separate source files support advanced editing later.

  4. 4
    Local-first status

    The workspace strip explains whether the current session can save to cloud storage or must be downloaded locally.

Meet lobby

PrepareClientana Meet start or join screen
Desktop meeting lobbyThe lobby teaches the three-stage flow while keeping room creation, join behavior, captions, translation, and the current plan in one place.
  1. 1
    Identity

    The participant enters the display name other people will see in the room.

  2. 2
    Accessibility preferences

    Captions and translation are independent choices and begin off for each new meeting.

  3. 3
    Room action

    Create a new room or enter an existing meeting link. Hosts receive a separate private admission URL.

  4. 4
    Plan expectations

    The lobby states the meeting duration and whether recordings remain local before the call begins.

Live room

LiveClientana live meeting room with stage, participants, controls, captions, and chat
In-call workspaceThe large stage keeps media central. Participants remain adjacent, captions and chat share an activity panel, and the control dock stays reachable.
  1. 1
    Stage

    Pinned video or screen sharing occupies the primary visual area.

  2. 2
    Participant context

    The roster shows who is present while host admission notifications manage the waiting room.

  3. 3
    Meeting controls

    Microphone, camera, screen share, hand raise, reactions, recording, captions, transcript, chat, more options, and End Call live in one dock.

  4. 4
    Meeting activity

    Captions and chat use separate tabs so the conversation and translated text remain readable.

Account and plans

AccountClientana sign-in form with login, SSO, registration, and password recovery
Account accessEmail/password login, SSO, registration, password recovery, privacy, terms, and support are collected in a single account surface.
PricingClientana pricing page
Plan selectionThe pricing page explains guest, free, trial, and paid behavior through product limits—not just feature names.

Mobile web

390 × 844Clientana Record responsive mobile screen
Record on a narrow screenThe product promise and workflow stack vertically before the capture console. Device/browser limitations still determine whether screen capture is available.
390 × 844Clientana Meet responsive mobile screen
Meet on a narrow screenThe meeting explanation and room form become a single-column flow, keeping large touch targets and readable guidance.