Skip to content
Gradmarc Adtech LLP

Concept project · Web application

Ordwise

A web application for an operations team that dispatches orders from several warehouses: one overview, one list of exceptions, and a record drawer with the next best action.

The problem it is designed around

When orders are tracked across spreadsheets and chat, delays are found late. The team needs to see what is at risk today and act on it without leaving the screen.

Type
Concept project: a fictional brand, built to show the work. Not a client engagement.
Layers
Web app · API · Database
Stack
Next.js, React, TypeScript, Node.js, PostgreSQL
Live site
None. This is a concept, so there is no live product.
  1. 01

    Overview dashboard

    Order volume, on-time dispatch and open exceptions, with the trend behind each number.

  2. 02

    Exception queue

    Saved filters and tabs that bring the orders needing attention to the top.

  3. 03

    Record drawer

    Items, shipment timeline and a suggested action, opened beside the list rather than on a new page.

02Screens

The interface, screen by screen

Rendered from code in this website's repository. Names, companies and figures on screen are fictional.
  1. Ordwise operations overview with four metric cards, a 30-day orders and dispatches chart, warehouse bars and a table of orders needing attention.
    01Operations overviewThe overview shows volume, service level and what needs attention now.
  2. Ordwise orders list filtered to exceptions, with one delayed order open in a side drawer showing items, a shipment timeline and a suggested action.
    02Exceptions and order drawerExceptions open in a drawer with the shipment timeline and a suggested action.

Have something worth building?

Tell us what you want to build. A short brief is enough to start the conversation.