User Connection: a team collaboration animation on your real product
User Connection is a team collaboration animation: your real product page sits in a window while four people appear around it as avatars with moving cursors and labels. It turns the word collaboration into something viewers can see, whether that means teammates working in real time, different roles sharing one view, or a client and a provider. It suits team products, shared workspaces and platforms that serve several roles.
The preview shows placeholder content. Your video uses your UI, words, logo and colors.
- Role
- Feature
- Length
- 4 seconds
- Uses
- Your real product UI
- Format
- 16:9, up to 4K
What it looks like
Your real page, captured whole, sits inside a window on screen. Four people appear around it as avatars, each with a moving cursor and a label that shows a name, a role or a team. They hover across the middle of the page as if everyone is working in it at once, which makes the product look busy, alive and friendly. The scene lasts about four seconds and widens the story from one user to many.
It works as an opening for a team product or as the moment the story widens from one person to everyone, and it feels lively and friendly.
Best for
- Showing real time collaboration in a shared workspace
- Presenting the different roles or departments your product serves
- Showing a client and a provider, or a reviewer and an approver, in one view
- Widening the story from one user to a whole team
What you add
- One full page of a shared workspace, such as a board, document or dashboard
- Four short labels, each a name, a role or a team
Capture tips
- Zoom the browser in as far as you can while everything you want in the shot still fits on screen. A bigger capture stays sharper in the video.
- The whole page is captured, so nothing needs selecting.
- Pick a broad, tidy layout and fill it with real looking data so the workspace feels in use.
- Do not rely on one key detail in the middle of the screen, since an avatar may sit on top of it.
Videos this scene works in
SaaS explainer video
Problem, solution, proof. Explain what your software does in under a minute.
Read the guideProduct launch video
The 30 to 45 second video for launch day: what it is, who it is for, why now.
Read the guideLinkedIn and X product video
Product videos that work in LinkedIn and X feeds, sound off.
Read the guidePairs well with
Feature
Team Wall
Team Wall is a meet the team scene: sixteen profile cards float in 3D, each with a face, a name, a role and two short lines of detail, and the camera…
Feature · your real UI
Global Data Flow Dashboard
Global Data Flow Dashboard is a four-second scene where a rotating globe appears over your real product page, with four people pinned to it and lines…
Feature · your real UI
Text Highlight
Text Highlight is a text highlight animation on your real product page: the scene opens on the page, moves in on a block of text, and a cursor drags…
Questions
What can the four labels say?
Anything short that identifies who is there: a name, a role, a team or a department. One label can even mark an AI assistant working beside people.
Do I need to select components for User Connection?
No. It captures the whole page, so you only need to open the right view and tidy it up.
Is it right for a single-user tool?
Not really. It is built for products where more than one person is involved, so a task one person does alone is better shown with a cursor or typing scene.
Put User Connection in your next video
Describe the video in a sentence. The Wevi Agent reads your site, captures your product, plans the scenes and renders with voiceover and music. Start free.
Or ask your assistant: Make a launch video for mysite.com with Wevi and open on the User Connection scene