Volver a proyectos

Caso de estudio de Studio Prats

Aplicación web para calcular el VQ Score de los clientes

feb 2023 – ago 2023Full stackVue.jsNode.jsTypescriptPostgreSQLMVPTailwindCSSVisitar proyecto
Aplicación web para calcular el VQ Score de los clientes

Aplicación web para calcular el VQ Score de los clientes

Rol: Desarrollador Full-stack principal y asesor de UX/UI Stack: Vue.js, Node.js, Typescript, Tailwind, PostgreSQL, SQL, Monorepo, DigitalOcean, Figma, Datadog, Retool

Resumen

Desarrollé la versión MVP de VQ, una aplicación web utilizada para calcular y presentar una "Value Quotient" (VQ) Score de los usuarios a partir de datos guiados y de comportamiento. El objetivo del proyecto era entregar un MVP rápido de iterar con alta calidad de código, una fuerte observabilidad y una UX que guiara a los usuarios con fluidez a través del proceso de puntuación.

El producto necesitaba validar pronto las hipótesis clave, por lo que el prototipado rápido + el feedback de uso real fueron el centro del enfoque de desarrollo. Lideré la implementación técnica y también aporté orientación de UI/UX para refinar los flujos, reducir la fricción y alinear la experiencia de puntuación con el tono de marca.

Responsabilidades y contribuciones

  • Desarrollo ágil e iterativo: Construí el producto mediante un ciclo de feedback rápido en el que el cliente podía probar la aplicación de forma continua y hacer evolucionar las ideas de producto de manera colaborativa.
  • Type Safety de extremo a extremo: Implementé una arquitectura de monorepo totalmente tipado — desde el esquema de PostgreSQL hasta los servicios de backend y el frontend en Vue — garantizando fiabilidad y mantenibilidad.
  • Observabilidad y analítica de uso: Configuré Datadog Real User Monitoring (RUM) para monitorizar:
    • Rendimiento y errores del frontend
    • Logs y uso de recursos del backend
    • Comportamiento del usuario y flujos de navegación Esto permitió al cliente tomar decisiones de producto informadas a partir de datos reales de interacción.
  • Testing y CI/CD: Añadí tests de integración y los integré en el pipeline de CI/CD para asegurar la calidad y reducir las regresiones entre despliegues.
  • Herramientas internas y de administración: Implementé un panel de administración basado en Retool para ofrecer visibilidad inmediata de:
    • Actividad de los usuarios
    • Distribución de puntuaciones
    • Métricas operativas y de uso Esto se entregó en menos de 2 horas de ingeniería, maximizando el apalancamiento y reduciendo la sobrecarga de desarrollo.

Impacto

  • Entregué un MVP funcional y testeable rápidamente, permitiendo al cliente validar las hipótesis de producto con usuarios reales.
  • Mejoré la toma de decisiones de producto gracias a una alta observabilidad e insights basados en datos en lugar de suposiciones.
  • Creé una base de código escalable con fuertes garantías de corrección gracias al tipado de extremo a extremo.
  • Permití al cliente operar el producto y revisar las métricas de negocio clave sin dependencia continua de desarrollo a través del panel de Retool.

Capturas de la aplicación

Puedes probarla tú mismo en el enlace del proyecto, o aquí tienes algunas capturas adjuntas:

¿Tienes un proyecto en mente?Hablemos.

Cuéntanos brevemente sobre tu proyecto. Te contactaremos rápidamente.

Cuéntanos sobre tu proyecto

Studio Prats

hello@studioprats.com

9:00 a 18:00, hora de Barcelona (CET/CEST) — de lunes a viernes