Saltar para o conteúdo
DiogoTerra Nova

UX/UI Designer & Front-End Developer

Plataforma de distribuição de conteúdos vídeo

  • UX/UI Design
  • Front-End Development
  • Python
  • HTML / CSS / Javascript
  • File System API
  • Google Apps Script

Na SoftFinança desempenhei um papel híbrido que combinava design gráfico, UX/UI e desenvolvimento front-end. Entre as minhas responsabilidades de design gráfico estava a conversão de cartazes publicitários, originalmente em PDF, em animações de motion design (MP4) contudo mas o processo de exportação, organização e partilha desses conteúdos para aprovação do cliente era manual, moroso e propenso a erro. Com base numa análise UX, redesenhei o fluxo e desenvolvi uma solução que combina automação em Python com uma plataforma web, tornando o processo mais eficiente, consistente e escalável.

Web interface of the content platform, listing video content organised by client and distribution channel

O Problema

Preparar cada peça para distribuição era um trabalho quase artesanal. Cada vídeo tinha de ser convertido e ajustado individualmente, de acordo com os requisitos de cada canal. Os ficheiros eram depois renomeados segundo convenções específicas e organizados em estruturas de pastas criadas manualmente. Sempre que surgia um pedido de alteração, o processo tinha de ser repetido praticamente desde o início.

No total, cada pedido demorava entre 30 e 45 minutos a ser preparado.

Os desafios de UX do processo de preparação e distribuição de ficheiros excessivamente manual.

A Solução

Para resolver este problema, comecei por analisar todo o processo e identificar as tarefas que consumiam mais tempo e eram mais suscetíveis a erro. Com base nessa análise, redesenhei o fluxo de trabalho e desenvolvi uma solução composta por uma automação local e uma plataforma web, eliminando praticamente toda a intervenção manual.

A plataforma web em funcionamento, do carregamento dos ficheiros à sua organização automática.

1. Automação de processamento

Desenvolvi um script em Python, compatível com Windows e macOS, que processa ficheiros em lote e aplica automaticamente as configurações necessárias para cada canal de distribuição (via FFmpeg). O que antes obrigava a configurar cada vídeo manualmente passou a ser executado num único processo automático.

2. Plataforma web

Desenvolvi uma plataforma web que utiliza a File System API para criar diretórios, organizar ficheiros e gerar automaticamente os links de validação, tudo diretamente no browser, sem necessidade de qualquer backend.

3. Otimização do fluxo de aprovação

Automatizei as notificações por email através do Google Apps Script e concentrei a validação numa única plataforma. Após a aprovação, os conteúdos ficam imediatamente disponíveis na estrutura final.

Os Resultados

  • Redução de tempo

    30–45minpor pedido~5minpor pedido

    −85% tempo

  • Redução de falhas

    −90%taxa de erro

    Redução de erros com base numa análise comparativa de 2 anos de pedidos

  • Adoção em massa

    100%

    Adoção total pela equipa, reduzindo significativamente o tempo de onboarding

    +300 pedidosrespondidos em 2 anos

  • +250 horasde tempo poupadoequivalente a 31 dias de trabalho

    Estimativa de tempo poupado desde a implementação, com base no número de pedidos e no tempo médio por pedido.

ANTES

Processo manual e demorado

Receção dos conteúdos PDF do cliente

Adaptação do conteúdo para vídeo

Conversão individual(configuração por canal)

Renomear ficheiros e editar .json à mão

Criar diretórios e organizar manualmente

Mover ficheiros manualmente após aprovação

  • 30–45 minpor pedido

  • Altaprobabilidade de erro humano

  • Formação detalhadanecessária no onboarding

AGORA

Processo automatizado e eficiente

Receção dos conteúdos PDF do cliente

Adaptação do conteúdo para vídeo

Conversão automática em massa(script FFmpeg)

Importação em massa para a plataforma(File System API)

Cliente notificado por email para aprovar(Google Apps Script)

  • ~5 minpor pedido

  • −90%de erros

  • Automatizadoquase na totalidade

A iniciativa foi um sucesso, poupando horas de trabalho que antes eram gastas em tarefas manuais e repetitivas. Tendo em conta a boa adesão da equipa, o passo seguinte foi melhorar o resto do processo, otimizando a divulgação dos conteúdos, agora já aprovados, pela rede das várias agências do cliente. Para mais detalhes de todo o processo de UX, consulte o case study no Behance.

Tens dúvidas se sou a pessoa ideal? Pergunta ao meu AmigoGPT