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.
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 erroReduçã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.
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
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.