A transformação do aplicativo móvel da National: do sistema legado à solução moderna baseada em Flutter
O The National oferece reportagens detalhadas e perspectivas diferenciadas sobre o Oriente Médio e o mundo. Com foco em análises perspicazes, narrativas convincentes e pontos de vista diversificados, o The National é uma fonte confiável para a compreensão das complexidades do cenário global atual.
.png)
De um aplicativo legado que atrasava a redação para uma experiência móvel unificada e de alto desempenho
O The National, um dos principais veículos de comunicação em língua inglesa dos Emirados Árabes Unidos, tinha uma audiência móvel em rápido crescimento, mas seu aplicativo existente não conseguia acompanhar esse ritmo. O design estava desatualizado, a base de código era difícil de manter e a experiência não refletia mais a identidade digital renovada da publicação.
As equipes editoriais não tinham controle, faltavam análises e os leitores não podiam autenticar ou se inscrever dentro do aplicativo. Não estava “quebrado”, mas estava impedindo o avanço de tudo.
Para se manter competitivo, o The National precisava de mais do que uma reformulação. Precisava de uma reconstrução completa do aplicativo móvel de mídia, alimentado por tecnologia moderna e projetado para escalabilidade, desempenho e autonomia editorial. Mas o que realmente mudou o jogo? A implementação do Piano Analytics, que transformou o The National de uma publicação que voava às cegas no desempenho móvel para uma publicação com insights granulares e em tempo real sobre cada interação do leitor. Pela primeira vez, eles puderam medir o que realmente importava: engajamento com o conteúdo, jornadas dos usuários e caminhos de conversão em todo o seu ecossistema móvel. Não se tratava apenas de construir um aplicativo melhor, mas de desbloquear a tomada de decisões baseada em dados que revolucionaria a forma como o The National entendia e atendia seu público móvel.
Contexto
O antigo aplicativo móvel do The National oferecia uma experiência desatualizada, com um design que não refletia mais a marca, uma base de código difícil de manter e quase nenhuma autonomia editorial.
O aplicativo móvel antigo do The National sofria de várias limitações que o impediam de evoluir de acordo com as necessidades da redação:
- Arquitetura legada que era difícil de manter ou atualizar
- Uma experiência desatualizada que já não refletia a identidade renovada da marca.
- Sem recursos de autenticação ou assinatura no aplicativo
- Sem análise de público móvel ou rastreamento comportamental
- Equipes editoriais totalmente dependentes dos desenvolvedores para alterações no layout e na página inicial
Com um público móvel em rápido crescimento e uma plataforma que não conseguia refletir a marca nem atender às principais necessidades comerciais, tornou-se essencial reconstruir o aplicativo. A oportunidade era clara: oferecer uma experiência moderna com desempenho mais robusto, análises completas, autonomia editorial e uma abordagem unificada para iOS e Android.
Solução
A Code.store propôs reconstruir o aplicativo inteiramente usando Flutter para o front-end e Arc XP para o CMS back-end. Essa abordagem consolidou iOS e Android em uma única base de código eficiente, proporcionando velocidade, consistência de design e fácil manutenção.
O Flutter tornou possível:
- Lançamento mais rápido com uma base de código unificada
- Mantenha uma experiência do usuário (UX) e uma interface do usuário (UI) idênticas no iOS e no Android.
- Reduza custos e tempo de lançamento no mercado
- Garanta alto desempenho em todos os dispositivos
Em suma, o desenvolvimento móvel multiplataforma permitiu ao The National inovar rapidamente sem sacrificar a qualidade.
Arc XP: A espinha dorsal do conteúdo e do layout
O Arc XP proporcionou a flexibilidade que faltava à redação. Através do seu PageBuilder, as equipes editoriais podiam agora atualizar layouts e seções diretamente, sem qualquer envolvimento dos desenvolvedores.
Essa integração CMS permitiu:
- Entrega de conteúdo em tempo real
- Publicação de fonte única na web e em dispositivos móveis
- Conexões analíticas perfeitas (Piano, Parsely, Google Tag Manager)
“Um front-end criado para ser rápido. Um back-end projetado para dados em tempo real.”
Piano Analytics: Compreendendo o comportamento móvel pela primeira vez
Uma das melhorias mais impactantes trazidas pela reconstrução foi a introdução de uma camada analítica completa por meio do Piano Analytics.
O aplicativo antigo não oferecia insights sobre o público móvel, mas a nova pilha proporcionou:
- Rastreamento comportamental em todas as jornadas dos usuários móveis
- Segmentação unificada do público por meio do GTM
- Visibilidade clara do desempenho do conteúdo
- Uma base orientada por dados para decisões editoriais e de produtos
Pela primeira vez, o The National obteve uma compreensão real de como os leitores móveis interagem com as matérias, seções e fluxos de assinatura, transformando o aplicativo em um canal mensurável e otimizável para o crescimento.
Como criar um aplicativo móvel de mídia que atenda tanto aos leitores quanto aos editores?
Combinando o melhor da tecnologia e do fluxo de trabalho editorial.
A reformulação do The National introduziu várias novidades para a marca:
- Autenticação no aplicativo e gerenciamento de assinaturas via Piano
- Análise de audiência com tecnologia Parsely e Piano Analytics
- Configuração flexível de rastreamento através do Google Tag Manager
- Entrega de conteúdo unificada por meio do Arc XP
Essa configuração proporcionou ao The National, pela primeira vez, total visibilidade do comportamento dos leitores, transformando seu canal móvel em um produto mensurável e orientado por dados.
Abordagem: Do escopo da experiência do usuário ao lançamento em 4 meses
O projeto seguiu um processo claro e colaborativo:
- Dois Product Owners do The National trabalhavam diariamente com o gerente de produto da code.store e o designer do The National.
- O escopo e o desenvolvimento da experiência do usuário foram realizados em paralelo para uma entrega mais rápida.
- O Arc XP foi integrado antecipadamente para testar dados em tempo real durante a construção.
- O controle de qualidade contínuo garantiu zero interrupções para editores ou leitores
- O Piano foi implementado desde o início para validar a autenticação, as assinaturas e os fluxos de análise.
Em quatro meses, o novo aplicativo estava pronto para ser lançado, com quase um ano de melhorias contínuas depois disso.
O resultado não foi apenas um redesenho, mas uma transformação completa no desenvolvimento de aplicativos móveis, criada para oferecer escalabilidade a longo prazo.
Resultados: Um aplicativo móvel de mídia preparado para o futuro
O The National agora opera um aplicativo móvel de mídia totalmente modernizado que faz muito mais do que refletir a nova identidade digital da marca; ele finalmente oferece à redação e às equipes comerciais as ferramentas para entender, converter e aumentar seu público móvel.
A reconstrução desbloqueou recursos que eram simplesmente impossíveis com o aplicativo antigo:
- As equipes editoriais obtiveram controle total por meio do Arc XP PageBuilder, atualizando layouts e seções instantaneamente.
- A autenticação e as assinaturas foram introduzidas pela primeira vez no aplicativo, com tecnologia Piano.
- Piano Analytics e Parsely transformaram o aplicativo móvel em um verdadeiro mecanismo de medição, permitindo o rastreamento de comportamento, segmentação e insights sobre o desempenho do conteúdo.
- O desempenho, a velocidade e a experiência do usuário do aplicativo foram significativamente aprimorados, criando um caminho mais suave da descoberta à conversão.
- Os custos de manutenção diminuíram significativamente graças à base de código única e unificada do Flutter.
Mas a mudança mais transformadora veio da Piano: pela primeira vez, o The National pôde ver, compreender e agir com base no comportamento dos seus leitores móveis, desbloqueando um novo potencial de assinaturas e fornecendo às equipes os dados necessários para tomar decisões confiantes e informadas.
PERGUNTAS FREQUENTES
Como posso criar um aplicativo móvel para o meu site?
Você precisa de um CMS com uma camada móvel (como o Arc XP), uma base de código unificada (como o Flutter) e integrações para assinaturas, notificações e análises.
Que tipo de mídia é um aplicativo móvel?
Um aplicativo de mídia fornece notícias, conteúdo e assinaturas diretamente em smartphones, garantindo velocidade e engajamento em iOS e Android.
O que é desenvolvimento móvel multiplataforma?
É o processo de criação de um aplicativo que funciona em vários dispositivos (iOS e Android) a partir de uma única base de código, reduzindo custos e melhorando a velocidade.
Quanto tempo levou a reconstrução do The National?
O aplicativo foi completamente reconstruído e lançado em apenas quatro meses, seguido por nove meses de otimização contínua.
Por que o The National escolheu o Flutter?
O Flutter permitiu um design unificado, alto desempenho e lançamentos mais rápidos — tudo isso crucial para uma redação que opera com velocidade de publicação diária.
