18North developed a full-stack web platform that acted as a wrapper and orchestrator for Tiger Analytics’ Optimizer model, delivering seamless planning capability to end users.

A. Discovery & UX Co-Design

  • Collaborated with Tiger and customer stakeholders to define:

    • User roles and journeys

    • Input/output expectations

    • Optimizer integration checkpoints

  • Delivered:

    • Interactive wireframes and Adobe XD mockups

    • UI component library for forms, uploads, reports, dashboards

  • Prototypes validated with 5 end users and revised iteratively

B. Frontend & Structured Input Handling

  • Technology Stack: Angular 12, Bootstrap, HTML5, responsive design

  • Built interfaces to:

    • Upload five critical inputs

    • Auto-validate data consistency and formatting

    • Modify planner-level values (e.g., target utilization %)

  • Optimizer trigger button allowed users to run the engine once inputs passed validation

  • Post-run, the visit plan was visualized through:

    • Filters for time period, region, banner, store

    • Summary dashboard of over/under allocation

C. Backend API Wrapping & Optimizer Orchestration

  • Technology Stack: Python 3.x, Django REST Framework, MySQL

  • Developed middleware to:

    • Receive and validate input files

    • Call Tiger’s Optimizer script as a batch process

    • Parse model output into structured JSON

    • Feed data to frontend for rendering

  • Used Swagger documentation for API contracts

  • Embedded model status tracking (e.g., “Processing”, “Completed”, “Error”)

D. Testing, Deployment & Support

  • QA across devices and browsers

  • Deployed on MARS Azure App Service with CI/CD pipelines

  • Supported UAT in Azure QA environment

Provided triage and performance tuning post-launch