Mockups
Every screen. Every flow.
33 production screens across 3 portals, each built with Liquid Spatial components. Click any node to preview the screen, or hover to see its connections in the flow.
Core
2 screensShared authentication with role-based redirect
KPIs, revenue charts, activity feed, quick actions
Students
3 screensStudent roster with grade, section, status, and scholarship filters
Profile card, family info, invoice history, payment timeline
Multi-step enrollment: student → family → grade → scholarship
Families
2 screensFamily accounts with children count, balance, and contact info
Contact info, children list, total balance, payment history
Financial
7 screensAll invoices with status, date range, concept, and amount filters
Full invoice view with CFDI preview, payment history, actions
Invoice creation with concept, amount, student, due date, recurrence
Payment transactions with method, status, date, and bank filters
Transaction info, Stripe data, CFDI link, reconciliation status
Bank vs system matching with automated reconciliation
Scholarship and discount management with approval workflow
Communication
1 screenSent/scheduled notifications, templates, bulk messaging
Reports & AI
3 screensPre-built reports grid with AI copilot entry point
Full-screen AI chat with report generation and chart rendering
Generated report with PDF download and shareable link
Administration
4 screensSchool info, payment config, academic periods, fee structures
User management with RBAC role assignment
Developer portal for external API key management
Immutable activity log with user, action, and entity filters
Parent Core
4 screensChildren overview, pending payments, recent activity
List of children with school, grade, and balance per child
Child profile, grades, schedule, invoice history
Personal info, payment methods, notification preferences
Parent Finance
4 screensAll invoices across children with status and date filters
Payment flow with card, SPEI, and OXXO method selection
Payment success with CFDI download and confetti animation
Fiscal invoice list with PDF/XML download
Platform
3 screensCross-network KPIs, regional performance, system health
All schools in the network with KPIs and management
Feature flags, payment methods, CFDI config, security