Case Study · 2026

Colombo
Cosmetics

Order Management System

A purpose-built mobile application designed to streamline order operations, track profitability, and manage products for a Sri Lankan cosmetics business.

Mobile App Order Management Sri Lanka Cosmetics Retail Business Intelligence
Scroll

Built for a
growing brand

Colombo Cosmetics needed a centralized system to manage their daily order flow — replacing manual spreadsheets and fragmented workflows with a clean, fast mobile application built specifically for their team.

The system handles the complete order lifecycle: from creation and dispatching to delivery and returns. Staff can log orders on the go, while management gets a real-time financial snapshot through the executive dashboard.

Role-based access ensures that staff can do their job without exposing sensitive business data, while administrators retain full visibility and control through reporting tools.

5
Core Screens
4
Order States
2
User Roles
CSV
Export Ready

Designed for the
field & the office

Dashboard
Executive Dashboard
Real-time sales, profit & order status overview
All Orders
Order Management
Full order list with search, filter & status tabs
Products
Product Catalogue
Manage wholesale cost vs. retail price
Reports
Reports
Generate CSV exports by status & date range
Register
User Registration
Admin-controlled account creation with role assignment

Everything a cosmetics
business actually needs

📦

Order Lifecycle

Track every order through Draft → Pending → Dispatched → Delivered → Returned. Full visibility at every step with timestamps and item counts.

📊

Live Dashboard

Executive summary showing total sales, net profit, and order status breakdown. Filterable by date range — last 30 days, this month, custom.

💰

Profit Tracking

Each product stores wholesale cost and retail price. Every order automatically calculates profit margin shown inline on the orders list.

🔍

Search & Filter

Search orders by customer name or order number. Filter by date, shipping method, and status tabs — find any order instantly.

📄

CSV Reports

Generate detailed exports for All Orders, Delivered, or Returned — filtered by date range. Compatible with Excel and Google Sheets.

🔐

Role-Based Access

Admin and Staff roles with different permissions. User accounts are created by administrators — no public sign-up. Secure by design.

Built with the
right tools

A modern, cross-platform mobile stack chosen for performance, developer velocity, and long-term maintainability.

⚛️ React Native
📱 Expo
🔥 Firebase
🗄️ Firestore
🔑 Firebase Auth
📤 CSV Export
🎨 Custom UI System
📲 iOS & Android

From brief to
shipped product

01

Discovery & Requirements

Mapped the existing manual workflow — WhatsApp orders, spreadsheet tracking, and paper delivery notes — to identify the core pain points.

02

UI Design & Prototyping

Designed all screens with a pink-and-navy brand palette. Focused on speed of use — staff needed to log orders in under 60 seconds.

03

Development

Built with React Native + Expo for cross-platform reach. Firebase handled auth, real-time data sync, and cloud storage.

04

Testing & Handoff

Tested with real order data from the client. Trained staff on the system and delivered documentation for ongoing use.

My Role

  • Solo design and development from concept to deployment
  • Client requirement gathering and business logic mapping
  • Full UI/UX design — all 8 screens, icons, and color system
  • Frontend development in React Native with Expo
  • Firebase integration — Firestore, Auth, and security rules
  • CSV report generation and data export logic
  • User training and system handoff