Montar SquadSolicitar Orçamento

Case de operação contínua

O portal sempre no ar, seguro e evoluindo, com a operação de ponta a ponta.

A UNICEF depende de plataformas digitais para distribuir conteúdo, conhecimento e serviços. A X-Apps é a parceira técnica que sustenta e evolui as suas iniciativas em Drupal, com governança, documentação e métricas claras de entrega.

Página inicial de um portal de transparência da UNICEF, em conceito: título de boas-vindas, atalhos e um mapa-múndi estilizado.
Painel de dados em conceito: filtros por região, doador, área e ano, um mapa de despesas e barras por área de resultado, ilustrativas.
A mesma página no modo de alta acessibilidade: fundo preto, texto amarelo, botões e gráficos com alto contraste.

Acessibilidade

WCAG 2.2 AA como critério de aceite.

Acessibilidade, SEO e performance entram na definição de pronto de cada entrega, e Core Web Vitals no monitoramento.

Numa sala de operação ao entardecer, uma analista acompanha gráficos em vários monitores e toma um café.
Painel de dados em conceito: filtros por região, doador, área e ano, um mapa de despesas e barras por área de resultado, ilustrativas.

Drupal

Evolução contínua, sem solução pontual.

Arquitetura e código padronizados para o portal crescer sem virar um acúmulo de remendos difíceis de manter.

A mesma página no modo de alta acessibilidade: fundo preto, texto amarelo, botões e gráficos com alto contraste.

Acessibilidade

WCAG 2.2 AA como critério de aceite.

Acessibilidade, SEO e performance entram na definição de pronto de cada entrega, e Core Web Vitals no monitoramento.

Numa sala de operação ao entardecer, uma analista acompanha gráficos em vários monitores e toma um café.
Cliente
UNICEF
Serviço
Serviços técnicos contínuos em Drupal, de ponta a ponta
Stack
Drupal 10+ e PHP, Git, Configuration Management, CI/CD e Docker

Sustentar um portal global é um trabalho que não termina no go-live.

O desafio

A UNICEF precisava de um parceiro técnico para sustentar e evoluir iniciativas em Drupal com consistência operacional, documentação robusta e métricas claras de entrega.

A atuação da X-Apps

Um squad dedicado, com Dev, QA, DevOps e Gestão, une engenharia de software, qualidade, operação e gestão orientada por resultado.

A entrega

Ambientes Dev, Stage e Prod com CI/CD, monitoramento 24x7, SLAs com evidências, segurança por checklist e acessibilidade como critério de aceite.

Nossa abordagem

Engenharia, governança ágil e qualidade auditável. Para operar sem parar.

Em projetos Drupal com vários times e frentes, o risco não está só no desenvolvimento inicial: está em manter qualidade, segurança e governança ao longo do tempo.

  1. Etapa 1

    Descoberta

    Objetivos, dependências, integrações, riscos e critérios de aceite mapeados antes de construir.

  2. Etapa 2

    Padrão e reuso

    Módulos e temas com padrões de código, documentação e Configuration Management.

  3. Etapa 3

    DevOps

    Build, teste e deploy automatizados, ambientes segregados, backup e monitoramento proativo.

  4. Etapa 4

    Governança

    Backlog e rituais ágeis, histórico de decisões e acompanhamento estruturado de SLAs.

  5. Etapa 5

    Handover

    Change Request formal e documentação de transição a cada mudança de escopo ou equipe.

Numa sala clara, uma engenheira move um post-it amarelo para a última coluna de um quadro de tarefas, ao lado de um colega que sorri.

Operação contínua

Cada mudança rastreada, cada alerta com dono.

Ambientes segregados, CI/CD e monitoramento com SLAs: a operação de que o portal precisa para mudar com segurança e para a UNICEF ver o que acontece.

  1. 01

    Dev, Stage e Prod segregados.

    Com Configuration Management para previsibilidade entre ambientes e menos drift.

  2. 02

    Build, padrões, testes e deploy.

    O código é validado por ferramentas automáticas, como o PHP_CodeSniffer, antes de seguir.

  3. 03

    Histórico e Change Request.

    Cada deploy ligado a um ticket, com plano de rollback para reduzir o risco de go-live.

  4. 04

    Painéis em tempo real.

    Performance, Core Web Vitals, patches e acessibilidade acompanhados 24x7.

  5. 05

    Alertas por severidade.

    Alertas automáticos para incidentes críticos, com rastreabilidade por ticket.

  6. 06

    SLAs e escalação.

    KPIs reportados periodicamente, com evidências.

Console de operação em conceito: ambientes Dev, Stage e Prod, o pipeline de um build com cada etapa e o histórico de deploys com o ticket de cada mudança.
Monitoramento em conceito: tempo de resposta, Core Web Vitals, patches de segurança e acessibilidade, alertas por severidade e a tabela de SLA e escalação.

Operação contínua

Cada mudança rastreada, cada alerta com dono.

Ambientes segregados, CI/CD e monitoramento com SLAs: a operação de que o portal precisa para mudar com segurança e para a UNICEF ver o que acontece.

Console de operação em conceito: ambientes Dev, Stage e Prod, o pipeline de um build com cada etapa e o histórico de deploys com o ticket de cada mudança.
  1. 01

    Dev, Stage e Prod segregados.

    Com Configuration Management para previsibilidade entre ambientes e menos drift.

  2. 02

    Build, padrões, testes e deploy.

    O código é validado por ferramentas automáticas, como o PHP_CodeSniffer, antes de seguir.

  3. 03

    Histórico e Change Request.

    Cada deploy ligado a um ticket, com plano de rollback para reduzir o risco de go-live.

Monitoramento em conceito: tempo de resposta, Core Web Vitals, patches de segurança e acessibilidade, alertas por severidade e a tabela de SLA e escalação.
  1. 04

    Painéis em tempo real.

    Performance, Core Web Vitals, patches e acessibilidade acompanhados 24x7.

  2. 05

    Alertas por severidade.

    Alertas automáticos para incidentes críticos, com rastreabilidade por ticket.

  3. 06

    SLAs e escalação.

    KPIs reportados periodicamente, com evidências.

21 de outubro de 2026

Alerta crítico do PHP, corrigido no dia da divulgação.

O projeto PHP publicou a correção de duas falhas críticas que permitem a um invasor executar comandos no servidor sem senha, com execução remota confirmada em sites Drupal. No mesmo dia, a X-Apps iniciou uma verificação extraordinária no portal da UNICEF e confirmou que o ambiente precisava da correção.

  1. Dependências e atualização

    Verificação das dependências e preparação da atualização.

  2. Testes em homologação

    Acesso administrativo, publicação de conteúdo e integrações.

  3. Plano de reversão

    Pronto antes da mudança.

  4. Atualização em produção

    Aplicada no mesmo dia.

  5. Conferência

    Versão carregada pelos serviços, verificações repetidas, registros e indicadores.

  6. Relatório para a UNICEF

    O que foi verificado, corrigido e testado, e as recomendações de acompanhamento.

Havia uma equipe responsável por avaliar o alerta, executar a mudança e comunicar o resultado. A UNICEF acompanhou a resolução sem desviar a atenção das próprias atividades.

Registro do incidente em conceito: os passos da correção marcados como feitos e os responsáveis por avaliar, executar e comunicar.
Numa sala de reunião clara, uma gestora apresenta num telão um gráfico de barras para os colegas sentados à mesa.

Resultado

Operação com previsibilidade, e visível para quem acompanha.

Menos risco em cada deploy e mudança, e stakeholders informados por monitoramento, dashboards e relatórios regulares.

  • UNICEF96%Demandas centralizadas
  • Operação93%Atendimentos dentro do SLA
  • Operação12 minTempo médio de triagem
  • Operação99,7%Disponibilidade operacional
Numa sala no alto de um prédio, uma engenheira segura uma caneca e olha a cidade pela janela, com o notebook aberto ao lado mostrando tudo verde.

X-Apps

Um portal global, cuidado todos os dias.

Mais cases

Conheça os outros produtosque a X-Apps constrói.

Ver o portfólio completo
  • PróximoSuzano e FuturaGene
    Papel e celuloseSuzano e FuturaGene

    Cinco sistemas: laboratório, pomar, experimentos e operação

    Três sistemas de biotecnologia florestal da FuturaGene e dois para a operação da Suzano, com app de campo e rastreabilidade por código de barras e QR Code.

    Sistemas webAPIApp de campoRastreabilidade
    Ver o case
  • Unus Bank
    Banco digitalUnus Bank

    Aplicativo e versão web de banco digital

    Conta, boletos, transferências, extrato e Pix num app iOS e Android e numa versão web, com design simples e seguro.

    DesignApps iOS e AndroidVersão webIntegração com APIs de pagamentos
    Ver o case
  • HOXX TV
    Mídia e streamingHOXX TV

    Streaming: app mobile, app de TV e backoffice

    App mobile, app de TV e backoffice de uma plataforma de streaming pensada para cada tela e cada família.

    Estratégia de produtoUX/UI DesignApp mobileApp de TVBackoffice
    Ver o case
  • BMW Motorrad Brasil
    AutomotivoBMW Motorrad Brasil

    Riders by BMW Motorrad Brasil, aplicativo da comunidade

    O aplicativo Riders, da BMW Motorrad Brasil, leva a comunidade de motociclistas para antes, durante e depois de cada encontro.

    Estratégia de produtoUX/UI DesignApp mobile
    Ver o case
  • Funneler
    Marketing e IAFunneler

    Plataforma web de agentes de IA para sites

    Agentes de IA de chat e de voz no site, treinados com a empresa, que entregam cada conversa como um lead.

    Estratégia de produtoUX/UI DesignPlataforma webAgentes de IA
    Ver o case
  • Antecipei
    Fintech e RHAntecipei

    Aplicativo de antecipação salarial

    O aplicativo de antecipação salarial que mostra o saldo, explica as taxas e acompanha cada pedido.

    Estratégia de produtoUX/UI DesignApp mobile
    Ver o case
  • Stock Car
    Esporte e entretenimentoStock Car

    PaddockFan, aplicativo para o torcedor

    O aplicativo em que o torcedor compra e valida o ingresso e acompanha o campeonato etapa por etapa.

    Estratégia de produtoUX/UI DesignApp mobile
    Ver o case
  • Unimed Nacional
    SaúdeUnimed Nacional

    Aplicativo interno de diretório da rede

    O aplicativo que reúne as Unimeds da rede, seus dirigentes, cargos e contatos em um só lugar.

    Estratégia de produtoUX/UI DesignApp mobile
    Ver o case
  • Transpetro
    Energia e indústriaTranspetro

    Aplicativo de inspeções industriais

    Um aplicativo para apoiar profissionais em campo na inspeção de equipamentos e no registro das condições encontradas.

    UX/UI DesignApp mobile
    Ver o case
  • Volvo Financial Services
    Serviços financeirosVolvo Financial Services

    Portal de relacionamento e serviços financeiros

    O portal de relacionamento e serviços financeiros para clientes Volvo.

    Design de interfacePortal webBackoffice
    Ver o case
  • Yakult
    Bens de consumoYakult

    Gestor de Vendas

    Um aplicativo para as vendedoras, um painel para os gestores e um assistente de IA por voz, ligados aos mesmos dados.

    Estratégia de produtoUX/UI DesignApp mobileBackoffice webAssistente de IA por voz
    Ver o case
  • Casa & Vídeo
    VarejoCasa & Vídeo

    Aplicativo de varejo iOS e Android

    Conta, lojas, catálogo, produto e carrinho em uma jornada de varejo que acompanha a decisão de compra.

    Estratégia de produtoUX/UI DesignApp iOS e Android
    Ver o case
  • Gimba
    Suprimentos B2BGimba

    Aplicativo B2B iOS e Android

    O aplicativo de compras B2B construído sobre um sistema sem API: do armário que esvazia ao pedido que chega na recepção.

    Estratégia de produtoUX/UI DesignApp iOS e Android
    Ver o case
  • YourWay
    Alimentação e deliveryYourWay

    Plataforma web e aplicativo

    O aplicativo que leva cardápio, comanda e pagamento do restaurante para o celular de quem está à mesa.

    Estratégia de produtoUX/UI DesignAppBackoffice
    Ver o case
  • EasyFits
    ModaEasyFits

    Rede social de moda com IA

    O aplicativo que organiza o closet, conecta pessoas pela moda e usa IA para sugerir looks com o que cada um já tem.

    Estratégia de produtoUX/UI DesignApp com IA
    Ver o case
  • BigPag
    Meios de pagamentoBigPag

    Carteira digital de pagamentos

    Saldo, boletos, Pix, recargas, transferências e comprovantes com o mesmo jeito de conferir e confirmar.

    Estratégia de produtoUX/UI DesignApp mobile
    Ver o case
  • Box UP
    Inovação corporativaBox UP

    Plataforma de inovação da Votorantim: app e painel web

    Um app para capturar ideias, um funil com portões e um painel web para quem decide o portfólio.

    Estratégia de produtoUX/UI DesignAppDashboard
    Ver o case
  • Bradesco
    BancoBradesco

    Bradesco Net Empresa: app, Navegador Exclusivo e BIA

    Navegador Exclusivo, novo app Net Empresa e integração com a BIA: a Nova Forma de Acesso do Bradesco, que recebe mais de 1,2 milhão de clientes por dia.

    App mobileNavegador ExclusivoIntegração com a BIA
    Ver o case
  • Etherna
    Materiais e decoraçãoEtherna

    Aplicativo de catálogo com simulação por IA

    O aplicativo da Etherna reúne o catálogo de materiais sintéticos e um aplicador de texturas com IA que mostra o material na foto do ambiente.

    Estratégia de produtoUX/UI DesignAplicativo com IA
    Ver o case
  • Grupo GPS
    Serviços e facilitiesGrupo GPS

    GPSi: checklists e inspeções de campo

    O GPSi para iPhone, app de checklists e inspeções do Grupo GPS, com a API especificada pelo tráfego de um app Android sem código-fonte nem documentação.

    Engenharia reversaApp iOS nativoEspecificação de API
    Ver o case
  • JBS Couros
    IndústriaJBS Couros

    Software de totem para showrooms e feiras

    O software do totem da JBS Couros: o visitante lê o QR Code da amostra e o totem abre a ficha do couro, mesmo sem internet na feira.

    Software de totemQR CodeConteúdo offline
    Ver o case
  • Polishop
    VarejoPolishop

    Aplicativo de e-commerce omnichannel

    O app de e-commerce da Polishop, redesenhado com vídeo, cashback, retirada na loja, Entrega Express e VTEX. Nota na loja de 2,3 para 4,6.

    UX/UI DesignApp de e-commerceIntegração VTEX
    Ver o case
  • Roche
    Saúde e diagnósticoRoche

    Apps de compliance integrados ao SAP e ao Salesforce

    Werken, Dia Legal e Calc Pro Chile: suporte técnico, políticas e propostas comerciais da Roche integrados ao SAP e ao Salesforce, agora com IA.

    Apps de complianceIntegração SAP e SalesforceIA
    Ver o case
  • StartSe
    Educação e eventosStartSe

    App de eventos e conteúdo, iOS e Android

    O app de eventos da StartSe migra do React Native 0.55 para o 0.60 com o produto no ar e ganha networking, trilhas e push com deep link. Nota de 3,5 para 4,8.

    Migração React NativeApp iOS e AndroidPush com deep link
    Ver o case
  • Tecnobank
    Serviços financeirosTecnobank

    Sis Registro: aplicativo de registro de contratos de veículos

    O app Sis Registro da Tecnobank estável no iOS e no Android, com as novas jornadas de contratos, veículos, QR Code e cobrança.

    Estabilização iOS e AndroidNovas jornadasQR Code e cobrança
    Ver o case
  • ZEISS
    Óptica e saúde visualZEISS

    Aplicativo B2B para óticas parceiras e backoffice de gestão

    O app que conecta as óticas parceiras à ZEISS: pedidos e OS, segunda via em autoatendimento, assistente de IA com transbordo ao trader e backoffice de conteúdo.

    App B2BAssistente de IABackoffice
    Ver o case
  • Banco Arbi
    Serviços financeirosBanco Arbi

    Site institucional e de soluções

    O novo site do Banco Arbi, com navegação por perfil, Banking as a Service, mercado de capitais, soluções para empresas e para você.

    UX/UI DesignSite institucionalVersão para celular
    Ver o case
  • Prime Spirits Club
    Varejo e bebidasPrime Spirits Club

    E-commerce de destilados premium

    Estratégia, UX/UI e desenvolvimento do e-commerce da Prime Spirits Club, com home de campanha, catálogo, produto com vários vendedores e checkout.

    Estratégia de produtoUX/UI DesignE-commerce
    Ver o case
  • Microcity
    Serviços de TIMicrocity

    Portal do Cliente

    Portal web, painel administrativo e aplicativos em que o cliente de outsourcing de TI acompanha o SLA do contrato, documentos e chamados.

    APIPortal webPainel administrativoApps iOS e Android
    Ver o case
  • e-Safer
    Financiamento e documentose-Safer

    Captura de documentos e financiamento de veículos

    Três gerações de captura de documentos com leitura automática, do primeiro app iOS a uma plataforma de financiamento de veículos.

    Apps iOS e AndroidAPIPortal webPainel administrativo
    Ver o case
  • Mitek
    Identidade digitalMitek

    Onboarding digital com OCR e biometria facial

    A plataforma da ICAR, adquirida pela Mitek, em apps nativos Android e iOS, e o UX Match, segundo lugar no Hackathon do CIAB FEBRABAN.

    Apps nativos Android e iOSUX Match
    Ver o case
  • Housi
    ImobiliárioHousi

    App, site e painel de moradia por assinatura

    O app no-code virou produto próprio, com aplicativo iOS e Android, site e painel administrativo, desenhados a partir de pesquisa com pessoas reais.

    PesquisaDesignApps iOS e AndroidSitePainel administrativo
    Ver o case
  • Jobcenter
    Recursos humanosJobcenter

    App de RH para empresas, trabalhadores e candidatos

    Aplicativo iOS e Android com holerite, documentos por foto, vagas e pesquisas, site e portal administrativo.

    Arquitetura de informaçãoDesignApps iOS e AndroidSitePortal administrativo
    Ver o case
  • Spectra
    InvestimentosSpectra

    Plataforma web de gestão de investimentos

    Fluxo de caixa, ativos, evolução de cotas, reports e controle contábil de uma gestora de investimentos alternativos.

    Fluxo de caixaAtivos e cotasReportsControle contábilControle de usuários
    Ver o case
  • Della Via Pneus
    AutomotivoDella Via Pneus

    App de check-up veicular para tablet e portal administrativo

    O mecânico faz o check-up do carro no tablet, com diagnóstico, medidas e a assinatura do cliente, e o portal organiza cada unidade.

    App para tabletPortal webPerfis por unidadeAssinatura digital
    Ver o case
  • Imed
    Saúde e farmáciaImed

    App de delivery de medicamentos e backoffice da farmácia

    O cliente escolhe a farmácia do bairro, compra e acompanha a entrega; a farmácia parceira gerencia o pedido num backoffice próprio.

    Apps iOS e AndroidBackoffice webChatGateway de pagamento
    Ver o case

Depoimentos

Quem constróicom a X-Apps.

O que os clientes dizem sobre entender o briefing, cumprir o prazo e entregar o produto que o negócio pede.

A X-Apps entendeu exatamente o guideline da marca e o que a BMW queria transmitir, estou muito feliz com o resultado dessa parceria.

Gabriela SterenbergHead de Marketing, BMW Motorrad BrasilVer o case