MarketWatch Stock Market Game

Objetivo

Em resposta ao recente crescimento dos investimentos individuais, o MarketWatch percebeu a necessidade de um treinamento de investimentos envolvente e realista. A empresa criou um jogo de investimentos baseado na web chamado Virtual Stock Exchange, no qual os usuários montam carteiras, reagem aos mercados em tempo real e competem por um lugar no topo dos rankings.

Embora o jogo Virtual Stock Exchange tenha tido grande sucesso, o MarketWatch queria engajar melhor o mercado educacional e universitário com um novo aplicativo móvel. O projeto de criar um aplicativo móvel começou três meses antes do início do ano letivo, em setembro, dando aos desenvolvedores um prazo apertado para construir uma experiência que valesse a pena.

Por que o Flutter?

A equipe rapidamente percebeu que desenvolver aplicativos nativos para iOS e Android exigiria mais tempo do que tinha disponível, então o MarketWatch trouxe a agência de Flutter Very Good Ventures (VGV) para criar e lançar o aplicativo Virtual Stock Exchange antes do início do novo ano letivo.

A VGV precisava entregar um design fácil de usar e recursos robustos dentro de um prazo ambicioso, e se apoiou nos recursos centrais do Flutter para fazer exatamente isso. Primeiro, mostraram à equipe do MarketWatch uma prova de conceito construída em Flutter, incluindo uma interface inicial e os fluxos do aplicativo. Para economizar tempo, aproveitaram as bibliotecas de widgets prontos do Flutter para que o design e o desenvolvimento pudessem acontecer em paralelo. À medida que o design evoluía, a facilidade de personalizar os widgets tornou as refatorações mais ágeis, e o Hot Reload permitiu que desenvolvedores, designers e testadores vissem as modificações no código sem reiniciar o aplicativo. Como o Flutter utiliza uma única base de código para múltiplas plataformas, a equipe pôde atualizar designs e refatorar o código rapidamente, sabendo que as mudanças não afetariam o iOS ou o Android individualmente. Juntos, esses recursos permitiram que a VGV e o MarketWatch começassem o desenvolvimento muito mais cedo do que se o design tivesse sido feito totalmente de antemão.

A solução

Durante o desenvolvimento do aplicativo, a VGV se apoiou no recurso Hot Reload do Flutter para fazer atualizações rápidas em resposta ao feedback da equipe do MarketWatch. Em apenas três meses, a equipe conseguiu lançar um aplicativo repleto de recursos, incluindo gráficos elegantes e interativos que permitem aos usuários ver rapidamente o desempenho de sua carteira virtual, informações de cotação fáceis de acompanhar e negociações simuladas em tempo real, com detalhes das transações. O aplicativo também oferece aos usuários uma visão de como se comparam aos investidores concorrentes por meio de um amplo ranking. Ele faz deep-link para artigos informativos de notícias dentro do aplicativo MarketWatch, o que permite aos usuários pesquisar as ações de seu interesse e garantir que tomem decisões de investimento bem fundamentadas. As animações, que a equipe criou diretamente no Flutter usando o CustomPaint, criam momentos de marca bonitos e eficazes.

“Graças ao Flutter e à VGV, cumprimos nosso objetivo de construir um aplicativo divertido, envolvente e performático para todas as telas e dispositivos móveis em muito menos tempo e custo do que se o tivéssemos construído nativamente. A equipe e milhares de jogadores estão muito satisfeitos com os resultados.”

- Clarence Kwei, SVP de Tecnologia ao Consumidor, DOW JONES

Resultados

Bem a tempo do início do semestre universitário de outono, o MarketWatch e a VGV lançaram o jogo MarketWatch Stock Market para Android e iOS após apenas três meses de desenvolvimento. Apesar do prazo apertado, o aplicativo atingiu o objetivo do MarketWatch de lançar um app bonito e rico em recursos, com uma experiência de usuário cativante.

Como resultado de seu novo processo de desenvolvimento baseado em Flutter, o MarketWatch viu uma melhora na eficiência dos desenvolvedores e uma redução de 50% nos custos de desenvolvimento. Com base nesse sucesso, a equipe está explorando a criação de mais aplicativos da Dow Jones com o Flutter.