RWILD

People Hub

Um vídeo multicenas com avatar de IA e uma landing page complementar que transforma o diretório interno de funcionários da Airtable em uma apresentação de produto envolvente e compartilhável.

5 dias
Prazo
1:33
Duração do vídeo
7
Cenas
Solo
Função — desenvolvedor

Uma ferramenta poderosa que precisava de uma apresentação adequada

People Hub é o diretório interno de funcionários personalizado da Airtable — uma plataforma completa construída no próprio Airtable, cobrindo perfis de funcionários, organogramas, análises de força de trabalho, rastreamento de habilidades e recursos de cultura como Cheers e Fun Stats. Fazer com que os funcionários descobrissem e usassem a ferramenta exigia mais do que uma página de wiki.

O que é o People Hub?

Uma extensão de interface Airtable personalizada que serve como a plataforma de experiência do funcionário da Airtable — combinando um diretório com busca, hierarquia organizacional, rastreamento de habilidades e certificações, perfis multilíngues e recursos de engajamento como Cheers e celebrações de marcos. Construído inteiramente dentro do Airtable, sem CMS externo.

O objetivo

Criar uma apresentação em vídeo polida e compartilhável que comunique o valor da plataforma em menos de 2 minutos — adequada para um all-hands da empresa, um fluxo de onboarding ou um anúncio de lançamento interno. O vídeo precisava parecer profissional, usar imagens reais da interface, e ser narrado por um rosto familiar em vez de uma voz genérica.

Três entregáveis interconectados

O projeto produziu um agente de IA nomeado, um vídeo com qualidade de produção e um site complementar — tudo construído de ponta a ponta em menos de uma semana.

Agente de apresentação do diretório

Um Hyperagent nomeado com um prompt de sistema ajustado para uma narração calorosa e apropriada para vídeo. Conectado ao HeyGen, Airtable e uma skill de avatar personalizada. Pode regenerar ou remixar o vídeo para qualquer público ou caso de uso a pedido.

Vídeo multicenas com avatar

Um vídeo de avatar HeyGen de 1:33 — narrado com meu próprio rosto e voz — em 7 cenas. Cada cena usa uma captura de tela real do People Hub como fundo em tela cheia enquanto o avatar apresenta a narração daquela seção em um overlay picture-in-picture no canto.

Landing page complementar

Uma página web polida que combina o vídeo com 13 capturas de tela reais do People Hub, organizadas por seção de recurso, com textos editoriais para cada uma. Serve tanto como material de apoio quanto como complemento detalhado ao vídeo.

O vídeo

Narrado por avatar, com fundos reais da interface, 1:33 de duração — produzido inteiramente via Hyperagent e uma skill personalizada da API do HeyGen construída do zero. 7,9 MB, ~3 minutos de renderização, 1280×720.

Detalhamento das cenas

Cada uma das 7 cenas combina uma captura de tela real do People Hub como fundo com o avatar narrando aquela seção do roteiro.

#Captura de tela de fundoO que o avatar cobre
01Meu Perfil — Visão GeralAbertura: o que é o People Hub e por que ele existe
02Painel Fun StatsPersonalização do Meu Perfil + métricas de engajamento
03Aba IdiomasRastreamento de habilidades multilíngues e níveis de proficiência
04Diretório + AnálisesAnálises de força de trabalho, headcount, distribuição por departamento
05OrganogramaEstrutura hierárquica e navegação organizacional
06Visão de AniversáriosRecursos de cultura: Cheers, marcos e reconhecimento
07Perfil em Modo ClaroEncerramento: uma única plataforma unificada construída no Airtable

Capturas de tela reais da plataforma em produção

Estas são as telas reais do People Hub capturadas durante a produção — cada uma usada como fundo de cena no vídeo. Detalhes pessoais e de terceiros foram ocultados.

Visão geral do Meu Perfil no People Hub com detalhes pessoais ocultados
Meu Perfil — Visão Geral e Painel de Identidade
Painel Fun Stats do People Hub
Fun Stats — Métricas de Engajamento Personalizadas
Aba Idiomas do People Hub mostrando níveis de proficiência
Idiomas — Rastreamento de Proficiência Multilíngue
Aba Certificações do People Hub
Certificações — Visibilidade do Desenvolvimento Profissional
Cartão de marco de tempo de empresa Sprout do People Hub
Sprout — Marco de Tempo de Empresa e Sistema de Reconhecimento

Quatro problemas de engenharia, quatro soluções bem resolvidas

A produção não foi simples. Cada desafio levou a uma solução duradoura que agora existe como uma skill ou padrão de fluxo de trabalho reutilizável.

  1. 01

    Skill comunitária do HeyGen falhou na auditoria de segurança

    A skill pronta do HeyGen do registro da comunidade não pôde ser usada — ela não atendia aos requisitos de segurança para uma skill que armazena credenciais neste ambiente.

    Fix:

    Construí do zero uma skill heygen-custom-avatar personalizada, usando apenas a biblioteca padrão do Python (sem dependências de terceiros). Ela envia solicitações de geração de vídeo para a API v2 do HeyGen, faz polling até a conclusão, e retorna a URL do MP4. Agora é um ativo reutilizável da equipe.

  2. 02

    Barreira de SSO bloqueou a captura de tela via navegador

    A interface do People Hub exige login via SSO da Airtable. A automação de navegador do agente não conseguiu se autenticar através do SSO corporativo — toda tentativa caía na barreira de login.

    Fix:

    Mudei para um fluxo de trabalho de captura de tela fornecida pelo usuário. Capturei 13 telas reais da minha própria sessão autenticada e as coloquei na conversa. O agente então as incorporou como recursos de cena — produzindo imagens mais autênticas do que uma captura automatizada por navegador teria produzido.

  3. 03

    HeyGen rejeitou URLs de wrapper — precisava de bytes brutos

    A primeira tentativa multicenas passou URLs de arquivos armazenados como imagens de fundo. A API do HeyGen as recebeu, mas retornou erros de parsing — porque essas URLs servem uma página wrapper, não bytes de imagem brutos.

    Fix:

    Mudei para GenerateTempExternalDownloadUrl, que retorna URLs pré-assinadas do S3 servindo bytes brutos de image/jpeg diretamente. O HeyGen processou esses corretamente. Esse padrão agora está documentado como a abordagem correta para qualquer integração que busque recursos de imagem por URL.

  4. 04

    A primeira renderização teve 89 MB — acima do limite de 50 MB da plataforma

    O script inicial era uma apresentação fiel de 13 seções (~10 minutos falados). O primeiro vídeo voltou com 89 MB — bem acima do limite de upload de 50 MB.

    Fix:

    Condensei o roteiro falado para um alvo de ~1:33. A narração mais completa foi para o texto editorial da página complementar em vez disso, então nenhum conteúdo foi perdido — ele apenas passou a viver no meio certo. O vídeo ficou mais dinâmico e mais fácil de assistir como resultado.

Construído com

Cada componente foi orquestrado através de uma única thread do Hyperagent — sem software de edição de vídeo, sem ferramentas de produção externas.

Stack e ferramentas

  • Hyperagent
  • HeyGen Photo Avatar API
  • Airtable Interface Extensions
  • Custom Python API Skill
  • S3 Presigned URLs
  • Claude Sonnet (script tuning)
  • HTML/CSS (companion page)

O que isso viabilizou

O projeto entregou um pipeline de produção reutilizável — não apenas um vídeo pontual.

Vídeo com qualidade de produção, zero ferramentas de vídeo

Toda a produção — roteiro, avatar, montagem multicenas, landing page — foi orquestrada através de uma interface de chat, sem software de edição de vídeo, sem ferramentas de design, sem agências externas.

Agente + skill reutilizáveis

O agente de apresentação do diretório e a skill heygen-custom-avatar são ativos permanentes. Qualquer apresentação futura de produto — para o People Hub ou qualquer outra ferramenta — pode ser produzida em uma única sessão.

Padrões documentados para a equipe

Os quatro problemas de engenharia e suas soluções agora estão documentados — tratamento de URLs do S3, captura de tela protegida por SSO, e calibração de duração roteiro-para-vídeo — como conhecimento de nível de equipe na biblioteca de skills.

Stack

Hyperagent

HeyGen API

Airtable Interfaces

Python

Claude Sonnet