MarketWatch Stock Market Game

Objetivo

Em resposta ao recente crescimento nos investimentos individuais, a MarketWatch identificou a necessidade de um treinamento de investimento envolvente e realista. Eles criaram um jogo de investimento baseado na web chamado Virtual Stock Exchange, onde os usuários constroem portfólios, reagem aos mercados em tempo real e competem por uma posição no topo dos rankings.

Embora o jogo Virtual Stock Exchange tenha sido amplamente bem-sucedido, a MarketWatch queria engajar melhor o mercado educacional e universitário com um novo app mobile. O projeto para construir um app mobile começou três meses antes do início do ano acadêmico em setembro, dando aos desenvolvedores um prazo apertado para construir uma experiência valiosa.

Por que Flutter?

Eles rapidamente perceberam que desenvolver apps nativos para iOS e Android exigiria mais tempo do que tinham, então a MarketWatch trouxe a agência Flutter Very Good Ventures (VGV) para construir e lançar o app Virtual Stock Exchange antes do início do novo ano letivo.

A VGV precisava entregar um design amigável e recursos robustos dentro de um prazo ambicioso, e eles aproveitaram os recursos principais do Flutter para fazer exatamente isso. Primeiro, eles mostraram à equipe da MarketWatch uma prova de conceito construída em Flutter, incluindo UI básica e fluxos do app. Para economizar tempo, eles aproveitaram as bibliotecas de widgets pré-fabricados do Flutter para que o design e o desenvolvimento pudessem acontecer em paralelo. À medida que o design evoluía, a capacidade de personalizar facilmente os widgets tornou as refatorações mais simplificadas, e o Hot Reload permitiu que desenvolvedores, designers e testadores vissem modificações no código sem reiniciar o app. Como o Flutter aproveita uma única base de código para múltiplas plataformas, a equipe pôde atualizar rapidamente os designs e refatorar o código sabendo que as alterações não afetariam iOS ou Android individualmente. No conjunto, esses recursos permitiram que a VGV e a MarketWatch iniciassem o desenvolvimento muito mais cedo do que se o design tivesse sido realizado completamente antecipadamente.

A solução deles

À medida que o app estava sendo desenvolvido, a VGV contou com o recurso Hot Reload do Flutter para fazer atualizações rápidas em resposta ao feedback da equipe da MarketWatch. Em apenas três meses, a equipe conseguiu lançar um app repleto de recursos, incluindo gráficos estilosos e interativos que permitem aos usuários ver rapidamente como seu portfólio virtual está performando, informações de cotações fáceis de acompanhar e negociação simulada em tempo real, incluindo detalhes de transações. O app também oferece aos usuários uma visão de onde eles se posicionam em relação aos investidores concorrentes através de um ranking expansivo. Ele possui deep-links para artigos de notícias informativos dentro do app MarketWatch, o que permite aos usuários fazer pesquisas sobre ações nas quais estão interessados para garantir que tomem decisões de investimento bem informadas. Animações, que a equipe criou diretamente no Flutter usando CustomPaint, criam momentos de marca bonitos e eficazes.

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

- Clarence Kwei, SVP Consumer Technology, DOW JONES

Resultados

Bem a tempo para o início do semestre de outono da faculdade, a 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 app atingiu o objetivo da MarketWatch de lançar um app bonito, rico em recursos e com uma experiência de usuário cativante.

Como resultado do novo processo de desenvolvimento baseado em Flutter, a 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 construção de mais apps da Dow Jones com Flutter.