← Back Ecosystem Screens Process ES
01

Ayogis

Marketplace, operations suite, and digital platform for the yoga business

The Ecosystem

Ayogis is a comprehensive system for the yoga industry: a B2C marketplace for students, a B2B suite for studios, a commercial landing page, and a web panel for operations and growth.

I designed and developed the end-to-end project: research, product architecture, visual identity, UI, Flutter apps, serverless backend, payments, photography, store screens, and launch.

My Role: End-to-end product, design, and development

  • Research, UX/UI, brand system, and interactive prototypes
  • 2 mobile apps in Flutter with over 50 screens
  • Node.js + Firebase backend with 15 Cloud Functions
  • Stripe Connect for onboarding and platform-to-studio payments
  • Landing page, web dashboard, App Store / Google Play screens, and visual assets for marketing

Ecosystem Stack

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

Ecosystem Architecture

FRONTEND
Flutter Dart Material Design 3 Provider State Management Custom Animations Responsive for 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 Real-time Geolocation
DESIGN & TOOLS
Photoshop Figma Photography Adobe Suite Store assets & submission
01

Ayogis App

For students

Discover nearby yoga studios, explore classes, book, and pay directly. Integrated geolocation, and filters by style, level, and time.

iOS • Android
Ayogis App
02

Ayogis Connect

For studio owners

Comprehensive mobile app to manage your business: create classes, manage bookings, track analytics, and receive payments securely.

iOS • Android
Ayogis Connect
03

Landing ayogis.es

Marketing & conversion

Elegant landing page with custom animations, project information, early adopter lead generation, and direct app store links.

Responsive Web
Landing Ayogis
04

Web Control Panel

Professional dashboard

Full web interface for administrators and studio owners: advanced management, detailed analytics, and marketing tools.

Web App
Web Control Panel

Technical & Business Challenges

The Ayogis ecosystem demanded a complex architecture design: from handling massive concurrency in NoSQL bookings to orchestrating financial infrastructure under a strict "Zero Trust" security model.

"Zero Trust" Security

Firestore Rules & Backend Authority

The problem: In financial and booking applications, trusting client-side logic (Flutter) fatally exposes the system to price manipulation, data injection, or cross-user privacy breaches.

The solution: "Zero Trust" architecture. Strict Firestore Rules unconditionally block client write access. Complex transactions (payments, capacity deduction, or refunds) are exclusively delegated to robust Node.js middlemen (Cloud Functions). The backend cryptographically validates every attempt, ensuring fintech-grade security and strict GDPR privacy adherence while completely completely concealing API secrets from the frontend.

B2B Financial Marketplace

Stripe Connect & Stripe Billing

The problem: Centralizing student payments to manually schedule payouts to studios generates severe fiscal, legal, and accounting bottlenecks. Furthermore, B2B adoption barriers in management software are steep if immediate payment is strictly demanded.

The solution: Decentralized financial orchestration. Stripe Connect was integrated so B2C revenue flows directly to each studio (delegating fiscal liability to them). Simultaneously, Stripe Billing was layered to manage B2B studio subscriptions (SaaS) and inject aggressive adoption pipelines—like 60-day automated trials and dynamic entry-level pricing for the first clients ("City Pioneers"). This enables scaling to hundreds of studios without congesting Ayogis's core corporate accounting.

NoSQL Consistency & Dual-Write

Capacity Control and Race Conditions

The problem: Firebase NoSQL lacks strict data relationships, meaning that concurrent bookings or rapid mass cancellations easily corrupt dynamic class capacity properties. Furthermore, crossing permissions in nested security rules scales cloud read costs exponentially and inevitably leaks private data.

The solution: Synchronized "Dual-Write" architecture mechanism. The backend acts as the sole guardian, atomically isolating and duplicating views: one strictly for the client, one strictly for the studio. This shields maxAttendees numbers against data race conditions, clears bloated Security Rule complexities, and radically cuts monthly cloud database billing.

Decoupled Ecosystem and Compliance

Automated Refunds & Store Tax Evades

The problem: Apple and Google strictly enforce a hostile 30% toll over entirely all global mobile in-app payments. Operationally, if an entire class is cancelled by a studio, customer service teams manually reversing dozens of stripe charges creates instantaneous workflow chaos.

The solution: Cleanly decoupling the product stack into exclusively separated apps (B2C booking flows vs B2B analytics metrics CRMs). Following precise documentation, successful negotiation with Apple/Google App Store review boards effectively legally shielded Ayogis as a marketplace selling exclusively 'Local In-Person Physical Services', completely evading the 30% fees completely securely. Operationally: when B2B managers tap cancel class, background workers instantly differentiate internal Class Pack funds from bank card purchases—firing 100% automated and unattended Stripe refunds.

Ideation & Prototyping

01

Research & Discovery

Competitor analysis, interviews with yoga studios and students. Identification of pain points in existing apps in the sector.

  • User interviews with 12 yoga studios in Barcelona
  • Analysis of 8 competitor apps (Mindbody, ClassPass, etc.)
  • Definition of user personas: students and owners
  • User journey mapping for both profiles
02

Wireframes & Architecture

Design of complete flows, low-fidelity wireframes, and information architecture for 2 apps and 2 web platforms. Definition of MVP features.

  • Low-fi wireframes for all platforms
  • Information architecture and sitemap
  • Definition of core vs. nice-to-have features
  • Development prioritization by phases
03

Design System & Prototypes

Creation of complete visual identity, logo design, color palette, and design system in Figma. +50 screens designed with interactive prototypes, plus visual assets and store screens.

  • Logo design and complete brand identity
  • Color palette, typography, and reusable components
  • Comprehensive design system in Figma with variants
  • Interactive prototypes with animations
  • Professional photography for marketing
04

Frontend Development

Full implementation in Flutter for both apps. State management with Provider, complex navigation, custom animations, and performance optimization.

  • +10,000 lines of Dart code
  • Clean and modular architecture
  • Unit and widget testing
  • Responsive design for tablets
  • Fluid animations and micro-interactions
05

Backend & APIs

Serverless backend development with Firebase. 15 Cloud Functions for business logic, Stripe integration, and real-time data management.

  • Firebase Cloud Functions (Node.js)
  • Optimized Firestore database structure
  • Complete Stripe Connect integration
  • Custom REST API endpoints
  • Push notifications with FCM

Technical Features

Real-Time
Geolocation

Integrated Google Maps SDK with proximity search, marker clustering, and precise route calculations.

Stripe
Connect B2B

Complete payment system with seller onboarding, automatic split payments, and commission management.

Push
Notifications

Firebase Cloud Messaging for real-time reminders, class confirmations, and critical updates.

Secure
Authentication

Firebase Auth with email/password, Google Sign-In, and secure password recovery flows.

Dashboard
Analytics

Control panel for studios with booking metrics, revenue charts, and class statistics.

Custom
Animations

Fluid native animations with Flutter, smooth transitions, and polished micro-interactions.

Results

2
Mobile Apps
50+
Screens designed and developed
15
Cloud Functions
1
End-to-end coordinated ecosystem

Ayogis evolved from an idea to a fully operational ecosystem. I coordinated product, design, development, backend, payments, brand, and launch to build a platform much broader than a simple mobile app.

Let's Talk

Looking for someone to design AND develop your product? Reach out.

appdevoka@gmail.com