Call Icon

Case study

Sky Scraper Tiles — B2B Dealer & Factory Dispatch Portal

Private B2B ordering and fulfillment network — Flutter dealer app, NestJS API, multi-role factory production queue, and vehicle dispatch management.

Overview

Sky Scraper Tiles is a premier Morbi-based ceramic tile manufacturer operating a private B2B ordering and logistics platform for their internal operations team and authorized regional dealer network. AS Infosolution designed and delivered an end-to-end digital ecosystem: a Flutter mobile application for dealers to browse surface collections and place box-level orders, coupled with a comprehensive Next.js administrative console for factory batch scheduling, QC tracking, and vehicle dispatch coordination.

Customer & Context

Large-scale ceramic tile manufacturer distributing high-depth elevation, wall, and parking tiles to certified regional distributors, wholesalers, and retail showrooms.

Ceramic & Building Materials Manufacturing
Sky Scraper Tiles — B2B Dealer & Factory Dispatch Portal

The Operational Challenges

Managing high-volume tile distribution via manual phone calls and registers caused costly operational friction:

  • Complex Unit Conversions: Dealers order in boxes, but factory production and freight are calculated in square feet (SQF), square meters (SQM), weight limits, and packing types (Thermocol vs Regular boxes).
  • Order Fulfillment & Dispatch Visibility: Lack of real-time status tracking between order receipt, factory kiln batches, pallet packing, and truck loading.
  • Multi-Role Coordination: Disconnected workflows between dealer sales reps, office accountants, factory supervisors, and dispatch gatekeepers.
  • Pickup-Request Coordination: Dealers sending their own transport vehicles needed a formal pickup-request protocol to ensure loads were pre-staged before trucks arrived at factory docks.

The Engineered Solution

We engineered a synchronized multi-platform ecosystem powered by a Flutter Mobile App (BLoC), a Next.js Operations Console, and a centralized NestJS + PostgreSQL backend.

Key System Capabilities & Architecture

  • Dealer Mobile App (Flutter): High-resolution design catalog with category swimlanes (Vermoda, Kera Stone, Stony Surface) and instant box-level calculation math.
  • Automated Packing Math: Built-in converter computing exact box counts, SQF/SQM area coverage, and total shipment tonnage in real time.
  • Factory Batch & QC Queue: Dedicated administrative views for plant managers to track production batches, inspect finished pallets, and log QC status.
  • Pickup & Dispatch Engine: Layered state machine allowing dealers to submit vehicle pickup requests and enabling dispatch managers to assign pallets to specific transport trucks.
  • Multi-Role Permission System: Unified authentication boundary enforcing tailored views for Dealers, Sales Admins, Factory Supervisors, and Dispatch Personnel.

Mobile Application Gallery

Native mobile user flows and interactive application interfaces (15 verified screens)

Mobile Device
Home — Timeless Tile Collection
Home — Timeless Tile Collection hero Home — Timeless Tile Collection
Trending designs and 12x18 wall tiles
Trending designs and 12x18 wall tiles
Category grid — Vermoda, Kera Stone, Stony Surface
Category grid — curated collections Category grid — Vermoda, Kera Stone, Stony Surface
High Depth Elevation and Parking tiles
High Depth Elevation and Parking tiles
Product detail — E10 with variants
Product detail — E10 with variants
Product detail — ROCK with Thermocol / Regular packing
Product detail — packing type selection Product detail — ROCK with Thermocol / Regular packing
My Cart with box-level quantities
My Cart with box-level quantities
My Orders list with status filters
My Orders — Pending, In Progress, Dispatched My Orders list with status filters
Order details — items, totals and pickup status
Order details — items and pickup status Order details — items, totals and pickup status
Order details — pickup requests received
Order details — pickup requests Order details — pickup requests received
Pickup requests list
Pickup requests list
QC batches - All
QC batches - All
QC batches - Pending
QC batches - Pending
QC inspection - Pending
QC inspection - Pending
Notifications history
Notification history Notifications history

Web Application & Management Portal

Responsive web interfaces, operations dashboards, and back-office portals (10 verified screens)

Web Application

Operations console

Admin login — Sky Scraper Tiles
Admin login — split auth layout Admin login — Sky Scraper Tiles
Dashboard KPI overview
Dashboard — KPI overview Dashboard KPI overview
Orders grid
Orders — status and fulfillment Orders grid
Order management
Order management — creation flow Order management
Dispatch vehicles
Dispatch — vehicle assignments Dispatch vehicles
Factory orders
Factory orders — production queue Factory orders
Order details — approval and line items
Order details — approval, items, and factory summary Order details — approval and line items
Dispatch form — assign items to vehicle
Dispatch create — vehicle form and item assignment Dispatch form — assign items to vehicle
Completed dispatch — read-only shipment view
Dispatch details — completed shipment with line items Completed dispatch — read-only shipment view
Design edit — variants and image upload
Design edit — factory, category, specs, and images Design edit — variants and image upload

Technology Stack

Core Technologies & Frameworks

  • Flutter (Dart)
  • BLoC State Architecture
  • Next.js & React
  • NestJS
  • TypeScript
  • PostgreSQL
  • Tailwind CSS
  • Cloud Storage

Measurable Results & Impact

The digital platform revolutionized order execution and factory dispatch efficiency:

  • Zero order calculation errors between dealer box orders and factory metric manufacturing.
  • Turnaround time for vehicle dispatch cut by over 60% with pre-staged digital pickup requests.
  • Live catalog and stock status available 24/7 on dealers' mobile phones.
  • End-to-end operational visibility from order placement on mobile to warehouse truck dispatch.