Team Member Intro

Staff profile with portrait, bio, specialties, years stat and an optional credential badge — swap member name, role, bio & photo.

Type: Video
Format: Instagram Reel · 9:16
Orientation: Portrait
Duration: 11.35s
Scenes: 3
Render cost: $0.00284 / render

VariablesConditional scenes

Free template · opens in the editor, no account required.

Customize Team Member Intro

Team Member Intro is a ready-to-render Local services video design formatted for Instagram Reel · 9:16 with 3 scenes and support for variables, conditional scenes. Open it in the editor to replace its copy and media, then render variations through the Zvid API.

16 variables: Every value below is a variable you can override — send them in the variables field of the render request (or edit them in the editor) to generate on-brand versions at scale.

salonNameText

GLOW & GO SALON

kickerText

MEET THE TEAM

memberNameText

Priya Sharma

memberRoleText

Senior Colour Specialist

memberBioText

Twelve years turning "I hate my hair" into "I never want to leave." Balayage is my love language.

specialtyLabelText

SPECIALTIES

specialtyValueText

Balayage · Colour correction · Bridal

yearsLabelText

years with us

yearsValueText

8

showBadgeToggle

on

badgeTextText

Master Colourist

ctaTextText

Book with Priya

ctaHandleText

@glowandgo

accentColorColor

#7C3AED

memberImageMedia URL

photo-1662850886700-4ec19bd30d11

musicUrlMedia URL

audio_3f375fdf97.mp3

The exact JSON payload

This is the full render config — POST it to the API, or open it in the editor to tweak.

Open in editor ↗

{
  "name": "localservice-team-intro",
  "resolution": "instagram-reel",
  "frameRate": 30,
  "backgroundColor": "#F3F0FA",
  "outputFormat": "mp4",
  "variables": {
    "salonName": "GLOW & GO SALON",
    "kicker": "MEET THE TEAM",
    "memberName": "Priya Sharma",
    "memberRole": "Senior Colour Specialist",
    "memberBio": "Twelve years turning \"I hate my hair\" into \"I never want to leave.\" Balayage is my love language.",
    "specialtyLabel": "SPECIALTIES",
    "specialtyValue": "Balayage · Colour correction · Bridal",
    "yearsLabel": "years with us",
    "yearsValue": "8",
    "showBadge": true,
    "badgeText": "Master Colourist",
    "ctaText": "Book with Priya",
    "ctaHandle": "@glowandgo",
    "accentColor": "#7C3AED",
    "memberImage": "https://images.unsplash.com/photo-1662850886700-4ec19bd30d11?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3MDgwMTZ8MHwxfHNlYXJjaHwyfHxoYXBweSUyMHNtaWxpbmclMjBwZXJzb24lMjBwb3J0cmFpdHxlbnwwfHx8fDE3ODMyNjg2NDF8MA&ixlib=rb-4.1.0&q=80&w=1080",
    "musicUrl": "https://cdn.pixabay.com/audio/2026/02/24/audio_3f375fdf97.mp3"
  },
  "scenes": [
    {
      "id": "intro",
      "duration": 3.4,
      "backgroundColor": "#F3F0FA",
      "transition": "smoothleft",
      "transitionId": "profile",
      "transitionDuration": 0.5,
      "visuals": [
        {
          "type": "SVG",
          "width": 1080,
          "height": 1920,
          "track": 0,
          "enterBegin": 0,
          "exitEnd": 3.4,
          "svg": "<svg width='1080' height='1920' viewBox='0 0 1080 1920' xmlns='http://www.w3.org/2000/svg'><defs><linearGradient id='tiIntro' x1='0' y1='0' x2='1' y2='1'><stop offset='0' stop-color='#F6F2FC'/><stop offset='1' stop-color='#EBE3F8'/></linearGradient></defs><rect width='1080' height='1920' fill='url(#tiIntro)'/><circle cx='200' cy='300' r='210' fill='rgba(124,58,237,0.1)'/><circle cx='900' cy='1650' r='260' fill='rgba(124,58,237,0.08)'/><path d='M330 1030 h420' stroke='#7C3AED' stroke-width='8' stroke-linecap='round'/></svg>"
        },
        {
          "type": "TEXT",
          "x": 540,
          "y": 760,
          "width": 900,
          "anchor": "top-center",
          "track": 1,
          "enterBegin": 0.2,
          "enterEnd": 0.7,
          "enterAnimation": "smoothup",
          "exitEnd": 3.4,
          "style": {
            "fontFamily": "Manrope"
          },
          "html": "<div style='text-align:center; color:{{accentColor}}; font-size:28px; font-weight:800; letter-spacing:6px;'>{{kicker}}</div><div style='margin-top:20px; text-align:center; color:#221238; font-size:92px; line-height:1.04; font-weight:800; letter-spacing:-2px;'>The people<br>behind your look.</div>"
        },
        {
          "type": "TEXT",
          "x": 540,
          "y": 1100,
          "anchor": "top-center",
          "track": 2,
          "enterBegin": 0.6,
          "enterEnd": 1.05,
          "enterAnimation": "fade",
          "exitEnd": 3.4,
          "style": {
            "fontFamily": "Manrope"
          },
          "html": "<div style='text-align:center; color:#6B5A82; font-size:30px; font-weight:700; letter-spacing:3px;'>{{salonName}}</div>"
        }
      ]
    },
    {
      "id": "profile",
      "duration": 5.2,
      "backgroundColor": "#F3F0FA",
      "transition": "smoothleft",
      "transitionId": "cta",
      "transitionDuration": 0.55,
      "visuals": [
        {
          "type": "IMAGE",
          "src": "{{memberImage}}",
          "x": 540,
          "y": 560,
          "width": 1080,
          "height": 1040,
          "anchor": "center-center",
          "resize": "cover",
          "zoom": true,
          "track": 0,
          "enterBegin": 0,
          "enterEnd": 0.55,
          "enterAnimation": "fade",
          "exitEnd": 5.2
        },
        {
          "type": "SVG",
          "width": 1080,
          "height": 1920,
          "track": 1,
          "enterBegin": 0,
          "exitEnd": 5.2,
          "svg": "<svg width='1080' height='1920' viewBox='0 0 1080 1920' xmlns='http://www.w3.org/2000/svg'><defs><linearGradient id='tiProfile' x1='0' y1='0' x2='0' y2='1'><stop offset='0' stop-color='#1B0E30' stop-opacity='0.25'/><stop offset='0.5' stop-color='#1B0E30' stop-opacity='0'/><stop offset='0.55' stop-color='#F3F0FA' stop-opacity='0'/><stop offset='0.66' stop-color='#F3F0FA' stop-opacity='1'/></linearGradient></defs><rect width='1080' height='1920' fill='url(#tiProfile)'/></svg>"
        },
        {
          "type": "TEXT",
          "condition": "{{showBadge}}",
          "x": 540,
          "y": 150,
          "anchor": "top-center",
          "track": 2,
          "enterBegin": 0.2,
          "enterEnd": 0.6,
          "enterAnimation": "smoothdown",
          "exitEnd": 5.2,
          "style": {
            "fontFamily": "Manrope"
          },
          "html": "<div style='display:inline-block; background:{{accentColor}}; color:#FFFFFF; border-radius:999px; padding:14px 36px; font-size:26px; font-weight:800; letter-spacing:2px;'>★ {{badgeText}}</div>"
        },
        {
          "type": "TEXT",
          "x": 90,
          "y": 1160,
          "width": 900,
          "anchor": "top-left",
          "track": 3,
          "enterBegin": 0.5,
          "enterEnd": 0.95,
          "enterAnimation": "smoothup",
          "exitEnd": 5.2,
          "style": {
            "fontFamily": "Manrope"
          },
          "html": "<div style='color:#221238; font-size:82px; line-height:1; font-weight:800; letter-spacing:-2px;'>{{memberName}}</div><div style='margin-top:10px; color:{{accentColor}}; font-size:36px; font-weight:800;'>{{memberRole}}</div><div style='margin-top:22px; color:#4C3D62; font-size:32px; line-height:1.42; font-weight:500;'>{{memberBio}}</div>"
        },
        {
          "type": "TEXT",
          "x": 90,
          "y": 1620,
          "anchor": "top-left",
          "track": 4,
          "enterBegin": 0.95,
          "enterEnd": 1.4,
          "enterAnimation": "smoothleft",
          "exitEnd": 5.2,
          "style": {
            "fontFamily": "Manrope"
          },
          "html": "<div style='display:inline-block; background:rgba(124,58,237,0.1); border:1.5px solid rgba(124,58,237,0.4); border-radius:22px; padding:18px 30px;'><span style='color:{{accentColor}}; font-size:24px; font-weight:800; letter-spacing:3px;'>{{specialtyLabel}}</span><br><span style='color:#221238; font-size:30px; font-weight:700;'>{{specialtyValue}}</span></div>"
        },
        {
          "type": "TEXT",
          "x": 990,
          "y": 1620,
          "anchor": "top-right",
          "track": 5,
          "enterBegin": 1.05,
          "enterEnd": 1.5,
          "enterAnimation": "smoothright",
          "exitEnd": 5.2,
          "style": {
            "fontFamily": "Manrope"
          },
          "html": "<div style='text-align:right; color:{{accentColor}}; font-size:96px; line-height:1; font-weight:800; letter-spacing:-3px;'>{{yearsValue}}</div><div style='text-align:right; color:#6B5A82; font-size:26px; font-weight:700;'>{{yearsLabel}}</div>"
        }
      ]
    },
    {
      "id": "cta",
      "duration": 3.8,
      "backgroundColor": "#221238",
      "visuals": [
        {
          "type": "SVG",
          "width": 1080,
          "height": 1920,
          "track": 0,
          "enterBegin": 0,
          "exitEnd": 3.8,
          "svg": "<svg width='1080' height='1920' viewBox='0 0 1080 1920' xmlns='http://www.w3.org/2000/svg'><defs><radialGradient id='tiCta' cx='0.5' cy='0.4' r='0.95'><stop offset='0' stop-color='#38215C'/><stop offset='1' stop-color='#1C0F30'/></radialGradient></defs><rect width='1080' height='1920' fill='url(#tiCta)'/><circle cx='540' cy='640' r='150' fill='none' stroke='rgba(167,120,255,0.8)' stroke-width='2.5'/><circle cx='540' cy='640' r='172' fill='none' stroke='rgba(167,120,255,0.3)' stroke-width='1'/></svg>"
        },
        {
          "type": "TEXT",
          "x": 540,
          "y": 600,
          "anchor": "center-center",
          "track": 1,
          "enterBegin": 0.2,
          "enterEnd": 0.65,
          "enterAnimation": "fade",
          "exitEnd": 3.8,
          "style": {
            "fontFamily": "Manrope"
          },
          "html": "<div style='text-align:center; color:#C4A9FF; font-size:70px; font-weight:800;'>✂</div>"
        },
        {
          "type": "TEXT",
          "x": 540,
          "y": 880,
          "width": 900,
          "anchor": "top-center",
          "track": 2,
          "enterBegin": 0.45,
          "enterEnd": 0.9,
          "enterAnimation": "smoothup",
          "exitEnd": 3.8,
          "style": {
            "fontFamily": "Manrope"
          },
          "html": "<div style='text-align:center; color:#FFFFFF; font-size:72px; line-height:1.08; font-weight:800; letter-spacing:-1px;'>Ready for your<br>glow-up?</div>"
        },
        {
          "type": "TEXT",
          "x": 540,
          "y": 1180,
          "anchor": "top-center",
          "track": 3,
          "enterBegin": 0.85,
          "enterEnd": 1.3,
          "enterAnimation": "smoothup",
          "exitEnd": 3.8,
          "style": {
            "fontFamily": "Manrope"
          },
          "html": "<div style='display:inline-block; background:#A778FF; color:#1C0F30; border-radius:999px; padding:26px 60px; font-size:40px; font-weight:800;'>{{ctaText}}</div>"
        },
        {
          "type": "TEXT",
          "x": 540,
          "y": 1360,
          "anchor": "top-center",
          "track": 4,
          "enterBegin": 1.2,
          "enterEnd": 1.6,
          "enterAnimation": "fade",
          "exitEnd": 3.8,
          "style": {
            "fontFamily": "Manrope"
          },
          "html": "<div style='text-align:center; color:#B9A6D6; font-size:30px; font-weight:700; letter-spacing:2px;'>{{ctaHandle}}</div>"
        }
      ]
    }
  ],
  "audios": [
    {
      "src": "{{musicUrl}}",
      "volume": 0.15,
      "track": 0
    }
  ]
}

More Local services templates

Appointment Reminder

Appointment Reminder

Local services$0.00287

Before / After Transformation

Before / After Transformation

Local services$0.00341

5-Star Customer Review

5-Star Customer Review

Local services$0.00323

24/7 Emergency Service Ad

24/7 Emergency Service Ad

Local services$0.00284

FAQ Answers Reel

FAQ Answers Reel

Local services$0.0043

Limited-Time Offer

Limited-Time Offer

Local services$0.00289

Seasonal Service Reminder

Seasonal Service Reminder

Local services$0.00287

Local Service Promo Reel

Local Service Promo Reel

Local services$0.00515

Trust Badges & Stats

Trust Badges & Stats

Local services$0.0039

Flash Sale Countdown

Flash Sale Countdown

E-commerce$0.00369

Ready to ship video at scale?

Start free — your first render is only a JSON payload away.

Explore the API ↗