← Volver Ecosistema Pantallas Proceso EN
01

Ayogis

Marketplace, suite operativa y plataforma digital para el negocio del yoga

El ecosistema

Ayogis es un sistema completo para el sector del yoga: marketplace B2C para estudiantes, suite B2B para centros, landing comercial y panel web para operaciones y crecimiento.

Diseñé y desarrollé el proyecto end-to-end: research, arquitectura de producto, identidad visual, UI, apps Flutter, backend serverless, pagos, fotografía, pantallas para stores y lanzamiento.

Mi rol: producto, diseño y desarrollo end-to-end

  • Research, UX/UI, brand system y prototipos interactivos
  • 2 apps móviles en Flutter con más de 50 pantallas
  • Backend Node.js + Firebase con 15 Cloud Functions
  • Stripe Connect para onboarding y pagos entre plataforma y centros
  • Landing, dashboard web, pantallas para App Store / Google Play y activos visuales para marketing

Stack del ecosistema

Flutter Firebase Node.js Stripe Google Maps Figma Store Assets
Disponible en App Store · Ayogis · Ayogis Connect · ayogis.es

Arquitectura del ecosistema

FRONTEND
Flutter Dart Material Design 3 Provider State Management Custom Animations Responsive para tablet
BACKEND
Firebase Node.js Cloud Functions Firestore Firebase Auth Serverless architecture
APIS & SERVICES
Stripe Connect Google Maps API REST API Cloud Storage Push Notifications Geolocalización real-time
DESIGN & TOOLS
Photoshop Figma Photography Adobe Suite Store assets & submission
01

Ayogis App

Para estudiantes

Descubre centros de yoga cercanos, explora clases, reserva y paga directamente. Geolocalización, filtros por estilo, nivel y horario.

iOS • Android
Ayogis App
02

Ayogis Connect

Para propietarios de centros

App móvil completa para gestionar tu negocio: crear clases, gestionar reservas, ver estadísticas y recibir pagos directamente.

iOS • Android
Ayogis Connect
03

Landing ayogis.es

Marketing y conversión

Landing page elegante con animaciones, información del proyecto, captación de early adopters y descarga directa de apps.

Web Responsive
Landing Ayogis
04

Panel de Control Web

Dashboard profesional

Interfaz web completa para administrador y propietarios: gestión avanzada, analytics detallados y herramientas de marketing.

Web App
Panel de Control Web

Retos Técnicos y de Negocio

El ecosistema Ayogis exigió un diseño de arquitectura complejo: desde manejar altísima concurrencia en reservas NoSQL hasta orquestar infraestructuras financieras bajo un modelo de seguridad "Zero Trust".

Seguridad "Zero Trust"

Firestore Rules y Autoridad Backend

El problema: En aplicaciones financieras y de reservas, confiar en la lógica del cliente (Flutter) expone el sistema a manipulación de precios, inyección de datos o brechas de privacidad entre usuarios.

La solución: Arquitectura "Confianza Cero". Se bloqueó toda escritura crítica en la base de datos mediante Firestore Rules inquebrantables. Transacciones complejas (pagos, deducción de aforo o reembolsos) se delegan exclusivamente a middlewares robustos en Node.js (Cloud Functions). El backend verifica criptográficamente cada intento, garantizando seguridad fintech/bancaria y privacidad estricta (GDPR) sin exponer jamás claves API en la app.

Marketplace Financiero B2B

Stripe Connect y Stripe Billing

El problema: Cobrar centralmente a los alumnos para luego transferir a los centros crea un cuello de botella fiscal, legal y contable enorme. Por otro lado, la barrera de adopción en software B2B es altísima si se exige pago desde el día uno.

La solución: Orquestación financiera descentralizada. Se implementó Stripe Connect para que el dinero B2C fluya directo a las cuentas de los centros (delegando a ellos la responsabilidad fiscal). Simultáneamente, se integró Stripe Billing para administrar las suscripciones de los estudios (SaaS), inyectando lógicas agresivas de adopción comercial como "Trials" de 60 días y precios dinámicos para los primeros clientes ("City Pioneers"). Esto permite escalar a cientos de centros sin saturar la contabilidad de Ayogis.

Consistencia NoSQL y Dual-Write

Control de Aforo y Race Conditions

El problema: Firebase NoSQL carece de relaciones estrictas, por lo que reservas concurrentes o cancelaciones masivas corrompen el aforo (maxAttendees). Además, cruzar permisos en reglas de seguridad para datos anidados es propenso a fugas de datos y encarece la lectura en la nube.

La solución: Se implementó un patrón de "Escritura Sincronizada" (Dual-Write). El backend actúa como guardián único que duplica y aísla atómicamente las reservas: una vista para el cliente y otra para el centro. Esto protege el maxAttendees con transacciones contra carreras de datos, elimina complejas dependencias en las Reglas de Seguridad y reduce agresivamente los costos de lectura mensual.

Ecosistema Desacoplado

Reembolsos Automáticos y Store Tax

El problema: Apple y Google imponen estrictamente un 30% de peaje sobre pagos in-app digitales. A nivel operativo, si un estudio cancela una clase, el soporte manual para reembolsar individualmente a docenas de alumnos colapsaría al equipo.

La solución: Arquitectura limpiamente desacoplada en dos apps (B2C fluida vs B2B analítica). Logramos argumentar frente a los revisores de Apple/Google que el código intermedia compras de servicios físicos presenciales, evadiendo el peaje del 30% legalmente. Operativamente, al cancelar una clase en el B2B, un worker distingue pagos de banco frente a pases internos, ejecutando reembolsos en Stripe de manera 100% desatendida y automática.

Ideación y Prototipado

01

Research & Discovery

Análisis de competencia, entrevistas con estudios de yoga y estudiantes. Identificación de pain points en apps existentes del sector.

  • User interviews con 12 centros de yoga en Barcelona
  • Análisis de 8 apps competidoras (Mindbody, ClassPass, etc.)
  • Definición de user personas: estudiantes y propietarios
  • User journey mapping para ambos perfiles
02

Wireframes & Arquitectura

Diseño de flujos completos, wireframes de baja fidelidad, arquitectura de información para 2 apps y 2 plataformas web. Definición de features MVP.

  • Wireframes low-fi para todas las plataformas
  • Arquitectura de información y sitemap
  • Definición de features core vs. nice-to-have
  • Priorización de desarrollo por fases
03

Design System & Prototipos

Creación de identidad visual completa, diseño de logo, paleta de colores y design system en Figma. +50 pantallas diseñadas con prototipos interactivos, además de visuales y pantallas para stores.

  • Logo design y brand identity completa
  • Paleta de colores, tipografías, componentes reutilizables
  • Design system completo en Figma con variantes
  • Prototipos interactivos con animaciones
  • Fotografía profesional para marketing
04

Desarrollo Frontend

Implementación completa en Flutter para ambas apps. State management con Provider, navegación compleja, animaciones custom y optimización de rendimiento.

  • +10,000 líneas de código Dart
  • Arquitectura limpia y modular (clean architecture)
  • Testing unitario y de widgets
  • Responsive design para tablets
  • Animaciones fluidas y micro-interacciones
05

Backend & APIs

Desarrollo de backend serverless con Firebase. 15 Cloud Functions para lógica de negocio, integración con Stripe y gestión de datos en tiempo real.

  • Firebase Cloud Functions (Node.js + TypeScript)
  • Firestore database structure optimizada
  • Stripe Connect integration completa
  • API REST endpoints custom
  • Push notifications con FCM

Características Técnicas

Geolocalización
Real-Time

Google Maps SDK integrado con búsqueda por proximidad, clustering de marcadores y cálculo de rutas.

Stripe
Connect B2B

Sistema completo de pagos con onboarding de vendedores, split payments automáticos y gestión de comisiones.

Push
Notifications

Firebase Cloud Messaging para recordatorios, confirmaciones y actualizaciones en tiempo real.

Autenticación
Segura

Firebase Auth con email/password, Google Sign-In y recuperación de contraseñas.

Dashboard
Analytics

Panel de control para centros con métricas de reservas, ingresos y estadísticas de clases.

Custom
Animations

Animaciones fluidas nativas con Flutter, transiciones suaves y micro-interacciones pulidas.

Resultados

2
Apps móviles
50+
Pantallas diseñadas y desarrolladas
15
Cloud Functions
1
Ecosistema coordinado end-to-end

Ayogis pasó de idea a ecosistema operativo. Coordiné producto, diseño, desarrollo, backend, pagos, marca y lanzamiento para construir una plataforma mucho más amplia que una simple app móvil.

Hablemos

Producto, diseño y desarrollo end-to-end para apps, plataformas y lanzamientos.

appdevoka@gmail.com