MarketWatch Stock Market Game

Goal

En respuesta al reciente crecimiento de las inversiones individuales, MarketWatch vio la necesidad de ofrecer una capacitación de inversión atractiva y realista. Crearon un juego de inversión basado en la web llamado Virtual Stock Exchange, donde los usuarios crean portafolios, reacionan a los mercados en tiempo real y compiten por un lugar en la cima de las tablas de clasificación.

Aunque el juego Virtual Stock Exchange tuvo un gran éxito, MarketWatch quería captar mejor al mercado educativo y universitario con una nueva aplicación móvil. El proyecto para construir una aplicación móvil se inició tres meses antes del comienzo del año académico en septiembre, lo que dio a los desarrolladores un plazo ajustado para construir una experiencia que valiera la pena.

Why Flutter?

Rápidamente se dieron cuenta de que desarrollar aplicaciones nativas para iOS y Android requeriría más tiempo del que disponían, por lo que MarketWatch contrató a la agencia de Flutter Very Good Ventures (VGV) para construir y lanzar la aplicación Virtual Stock Exchange antes del inicio del nuevo año escolar.

VGV necesitaba entregar un diseño fácil de usar y funciones robustas dentro de un plazo ambicioso, y se apoyaron en las funciones principales de Flutter para lograrlo. Primero, le mostraron al equipo de MarketWatch una prueba de concepto construida en Flutter, que incluía la interfaz de usuario y los flujos básicos de la aplicación. Para ahorrar tiempo, aprovecharon las bibliotecas de widgets preconstruidas de Flutter para que el diseño y el desarrollo pudieran realizarse en paralelo. A medida que el diseño evolucionaba, la capacidad de personalizar fácilmente los widgets hizo que las refactorizaciones fueran más ágiles, y Hot Reload permitió a los desarrolladores, diseñadores y evaluadores ver las modificaciones en el código sin reiniciar la aplicación. Debido a que Flutter aprovecha una única base de código para múltiples plataformas, el equipo pudo actualizar rápidamente los diseños y refactorizar el código sabiendo que los cambios no afectarían a iOS o Android individualmente. En conjunto, estas características permitieron a VGV y MarketWatch iniciar el desarrollo mucho antes que si el diseño se hubiera realizado por completo de antemano.

Their solution

A medida que se desarrollaba la aplicación, VGV se apoyó en la función Hot Reload de Flutter para realizar actualizaciones rápidas en respuesta a los comentarios del equipo de MarketWatch. En solo tres meses, el equipo pudo lanzar una aplicación repleta de funciones, que incluye gráficos interactivos y estilizados que permiten a los usuarios ver rápidamente cómo se está desempeñando su portafolio virtual, información de cotizaciones fácil de seguir y trading simulado en tiempo real que incluye detalles de las transacciones. La aplicación también ofrece a los usuarios información sobre dónde se posicionan frente a los inversionistas de la competencia a través de una amplia tabla de clasificación. Cuenta con enlaces profundos a artículos de noticias informativos dentro de la aplicación MarketWatch, lo que permite a los usuarios investigar sobre las acciones en las que están interesados para garantizar que tomen decisiones de inversión bien fundamentadas. Las animaciones, que el equipo creó directamente en Flutter utilizando CustomPaint, generan momentos de marca hermosos y efectivos.

“Gracias a Flutter y a VGV, cumplimos con nuestro objetivo de construir una aplicación divertida, atractiva y de alto rendimiento para todas las pantallas y dispositivos móviles en mucho menos tiempo y costo que si la hubiéramos construido de forma nativa. El equipo y miles de jugadores están muy contentos con los resultados.”

- Clarence Kwei, vicepresidente sénior de tecnología del consumidor, DOW JONES

Results

Justo a tiempo para el comienzo del semestre universitario de otoño, MarketWatch y VGV lanzaron el juego MarketWatch Stock Market para Android e iOS después de solo tres meses de desarrollo. A pesar de lo ajustado del cronograma, la aplicación cumplió con el objetivo de MarketWatch de lanzar una aplicación hermosa, rica en funciones y con una experiencia de usuario cautivadora.

Como resultado de su nuevo proceso de desarrollo basado en Flutter, MarketWatch ha visto una mejora en la eficiencia de los desarrolladores y una reducción del 50% en los costos de desarrollo. Basándose en este éxito, el equipo está explorando la posibilidad de construir más aplicaciones de Dow Jones con Flutter.