CRM & Sales · Pipeline
Lost deals — Sales lived in spreadsheets, so leads and deals slipped through the cracks.
FlowZen Business ERP
Exarth designed and built FlowZen — an all-in-one business ERP that unifies CRM & sales, finance & accounts, HR & payroll, inventory, supply chain, manufacturing and projects into a single, real-time web workspace.
- CRM, sales & customer support
- Finance, accounts & expenses
- HR, payroll & attendance
- Inventory, supply chain & manufacturing
- Enterprise ERP
- Design + Dev
- Real-time
DashboardCRMFinanceInventory
app.flowzenerp.com
One platform for CRM, finance, HR, inventory, supply chain and manufacturing — in real time.
All-in-oneBusiness ERP
40%More efficient
Real-timeDashboards
ModularBy design
Overview/ 01
One platform for the whole business
FlowZen is an all-in-one business ERP. It brings CRM & sales, finance & accounts, HR & payroll, inventory, supply chain, manufacturing and projects into one real-time workspace — so every team works from the same data.
Exarth designed and built FlowZen end to end — a modular ERP where each department gets a focused workspace, while leaders get executive dashboards and KPIs across the entire operation.
- CRM, sales & support
- Finance, accounts & payroll
- Inventory & supply chain
- Manufacturing & projects
- Role
- Design + Development
- Industry
- Enterprise · ERP
- Timeline
- 8 months
- Platform
- Web App
- Access
- Role-based (RBAC)
- Year
- 2024
Scope & deliverables
Discovery & Strategy
Mapped every department's workflow into one coherent ERP model.
UX / UI Design
A clean, dense design system that scales across dozens of modules.
Frontend Engineering
A fast, responsive workspace with executive dashboards and KPIs.
Backend & Data
Modular services, RBAC and a unified data layer across modules.
Challenge & solution
Scattered tools, or one connected ERP
The business ran on a dozen disconnected tools — spreadsheets for sales, paper for HR, and no single source of truth.
- Disconnected tools
- Manual work
- No real-time view
Finance · Money
Manual books — Finance reconciled numbers by hand across disconnected tools.
Accounts · Ledgers
Spreadsheets — Accounting was tracked in scattered spreadsheets with no structure.
HR & Payroll · People
Paper HR — HR, attendance and payroll were managed on paper and spreadsheets.
No core
No shared platform
Fragmented systems
12+Disjoint tools0Single source
Inventory · Stock
Stockouts — Stock levels were always out of date, causing stockouts and overstock.
Supply Chain · Flow
Blind ops — There was no visibility across the supply chain and fulfilment.
Manufacturing · Production
Off-system — Production ran outside the system, disconnected from stock and finance.
Projects · Delivery
Missed tasks — Projects and tasks lived outside the system, away from finance and people.
Measurable impact on the live platform
8Core modules
1Data layer
Real-timeSync
40%Efficiency
Key features
Every department, one workspace
CRM, finance, HR, inventory and manufacturing — focused workspaces for each team, all sharing one real-time data layer.
01/05 features
Auto-playing — hover to pause
app.flowzenerp.com/crm-sales Live
Feature 01CRM & SalesThe CRM tracks leads and deals through a connected pipeline, with full customer history, support and sales analytics.
Engineering
Technology & Development
Engineered as a modular ERP — focused services per module, a unified data layer and role-based access across the whole platform.
System architecture
User → role-based access → module services → unified data layer
UI
Client LayerPer-module workspaces, executive dashboards and KPIs
SSR · responsiveRBAC
Access LayerRole-based access control across every module
Roles · scopesAPI
Module ServicesFocused services for CRM, finance, HR, inventory and manufacturing
ModularDATA
Data LayerOne unified, consistent data layer across the business
PostgreSQLHow we built it
6-phase delivery
- 01
Discovery & Architecture
Phase 1Mapped every department's workflow into one ERP model.
- 02
UX / UI Design
Phase 2Designed a dense, scalable system for dozens of modules.
- 03
Frontend Engineering
Phase 3Built responsive workspaces, executive dashboards and KPIs.
- 04
Backend & Data
Phase 4Engineered modular services, RBAC and a unified data layer.
- 05
QA & Security
Phase 5Hardened access and validated data integrity across modules.
- 06
Launch & Iterate
LiveRolled out module by module and iterated with teams.
Technology stack
16 technologiesFrontend4
- Reactv18
- Next.jsApp Router
- TypeScriptv5
- Tailwindv4
Backend4
- Node.jsv20
- REST APIs
- RBACAccess
- QueuesJobs
Data & Cloud4
- PostgreSQL
- RedisCache
- Docker
- CI / CDPipelines
Modules4
- CRM
- Finance
- HR
- Manufacturing
Product Screens
Every module, one platform
Glide through the live FlowZen ERP — dashboards, CRM, finance, HR, inventory, supply chain and manufacturing.
Drag to explore01 / 16
Philosophy
Design Approach
A clear, dense design philosophy that turns enterprise complexity into focused, scannable workspaces for every team.
ClarityDensityConsistencySpeed
- Design pillars
- 04
- Accessibility
- AA
- Modules
- 8
- Audience
- Teams & leaders
- Platform
- Web App
- Design system
- Enterprise · 30+ tokens
- Accessibility
- WCAG AA
Every screen is shaped around the team using it — dense where power users need it, calm and guided everywhere else, consistent across every module.
- Pillar 01
Dense, Not Cluttered
8ModulesInformation-rich screens that stay scannable and calm.
Power users move fast without feeling overwhelmed.
- Pillar 02
One Consistent System
30+TokensShared components and patterns across every module.
Learn one module, you know them all.
- Pillar 03
Real-time First
LiveDataLive dashboards that reflect the business as it moves.
Decisions are made on current, trusted numbers.
- Pillar 04
Responsive & Fast
100%ResponsiveA snappy workspace from desktop to tablet.
Great on every device, optimised to load fast.
Tokens
Design System
A cohesive enterprise visual language that keeps every module, dashboard and form calm and consistent.
5Colors
6Type sizes
5Spacing
8Icons
4Breakpoints
Color palette5
Typography6
Heading
Space Grotesk 800 · 32px
Subheading
Inter 500 · 20px
Body text for product listings, collections, and guides.
Inter 400 · 16px
Caption labels
Inter 400 · 14px
Small helper text
Inter 400 · 12px
Bold heading
Space Grotesk 700 · 18px
Components4
Add to cart Wishlist
Organic In stockHeirloom
⏎
DefaultHoverActiveOff
Spacing scale5
XS4px
SM8px
MD16px
LG24px
XL32px
More work
Explore more projects
More from the Zengnia product suite and our enterprise work.
