CHITI STUDIO SYSTEMS v2.4
0%
Back to all work
BatchFlow
Product Design, UX Architecture, Interface Design

BatchFlow — Education CRM Platform

Bringing admissions, batches, fees, attendance, and communication into one readable workflow system for coaching centres.

Product DesignUX ArchitectureDashboardCRMEdTech
2026
Product Design

7

Modules

3+

User Roles

2026

Design Phase

Operations

Focus

The Problem

Coaching centres often run important operations across disconnected tools: spreadsheets for admissions, separate ledgers for fees, messaging apps for communication, and informal tracking for performance and attendance. That fragmentation creates repeated problems: staff switch context constantly, important details are duplicated or lost, follow-up work depends too much on memory, and leadership lacks a clean operational view of the institute.

System Overview

BatchFlow was designed as a single working environment for day-to-day institute needs. The product is organized around the operational lifecycle of a student rather than around isolated admin features. The system connects inquiry and student intake, batch assignment and scheduling, fee setup and collection, attendance and test records, communication history and follow-up, and dashboard reporting for staff and administrators. That flow keeps the product tied to real institute routines, from first contact through ongoing academic management.

System architecture diagram
Key Challenges
01

Designing for multiple operational roles (admin, accounts, faculty) without making the interface feel overloaded

02

Keeping dense information readable for everyday use by non-technical staff

03

Supporting both record-keeping and action-taking in the same screens

04

Creating a structure that can expand from core CRM functions into analytics and communication modules

Design Decisions

How We Solved It

01

Dashboard as the daily starting point

The home screen is designed as a working summary, not a decorative overview. It surfaces classes, fee actions, alerts, and activity so staff can decide what matters first without digging through menus.

02

Progressive task grouping

Instead of forcing every workflow into large forms, the system breaks work into smaller operational units such as student setup, batch assignment, payment handling, and follow-up communication. This reduces context-switching and makes each task feel completable.

03

Separate modes for operations and intelligence

Operational screens focus on execution speed — quick lookups, fast data entry, minimal clicks. Performance views shift toward interpretation — trends, comparisons, patterns. This distinction helps the product support both administration and academic decision-making without mixing concerns.

04

Familiar visual language

The layout uses clear cards, table structures, and low-friction navigation. The goal was to make the product feel trustworthy for repeated institutional use rather than visually experimental. Staff should feel confident using it from day one.

Interface Screens

The Work

These screens show how the product moves from a daily dashboard into deeper operational flows such as student management, performance analysis, and communication history.

Daily operations dashboard — Working summary that surfaces classes, fee actions, and alerts first. Addresses progressive task grouping by showing daily priorities at entry.
Click to expand

Daily operations dashboard — Working summary that surfaces classes, fee actions, and alerts first. Addresses progressive task grouping by showing daily priorities at entry.

Student registration and fee setup — Progressive form breaking large workflows into smaller operational units. Reduces context-switching for admin staff.
Click to expand

Student registration and fee setup — Progressive form breaking large workflows into smaller operational units. Reduces context-switching for admin staff.

Performance intelligence view — Separates operational mode (execution speed) from analytical mode (interpretation). Supports both administration and academic decision-making.
Click to expand

Performance intelligence view — Separates operational mode (execution speed) from analytical mode (interpretation). Supports both administration and academic decision-making.

Communication and follow-up flow — Consolidates messaging history with student records. Fixes the follow-up depends on memory problem.
Click to expand

Communication and follow-up flow — Consolidates messaging history with student records. Fixes the follow-up depends on memory problem.

Key Features

What We Delivered

Daily operations dashboard as the primary working surface

Student lifecycle management from inquiry through alumni tracking

Progressive task grouping — breaking large workflows into operational units

Separate modes for operations (execution speed) and intelligence (analytical interpretation)

Fee setup, collection, and payment history per student

Attendance tracking and test record management

Communication history consolidated per student record

Impact
01

Consolidated scattered institute workflows into one clearer product direction

02

Improved visibility across student records, payments, attendance, and communication

03

Created a scalable base for future modules such as advanced reports and parent-facing experiences

04

Turned day-to-day admin work into a more structured, decision-oriented system

Reflection

BatchFlow made it clear that workflow design depends on respecting routine. Staff do not need more features thrown onto a screen. They need a system that matches the order in which work actually happens. The most important design choice was staying close to operational reality and letting structure do most of the heavy lifting.

Tech Stack
React
TypeScript
Node.js
Express
PostgreSQL
REST API
Figma

Ready to evolve your digital infrastructure?

Limited intake for Q2. We prioritize partnerships that demand excellence and strategic innovation.