FLAGSHIP / Commerce and logistics
BYOB: commerce and logistics platform
How PED built BYOB in Accra: three React Native apps for iOS and Android, and six web portals for dispatch, warehousing, sales and storefronts.
- Client
- BYOB
- Type
- Web apps and portals, Mobile apps, Operations software
- Sector
- Commerce and logistics
- Role
- Custom application, web portals, three React Native apps for iOS and Android
- Stack
- Laravel, Inertia, React, React Native
01 / THE JOB
Who it was for.
BYOB is the flagship project on this site. It is one platform for selling, warehousing, and delivery, built as six web portals and three React Native apps for iOS and Android. The public front is byobgh.com.
On the web side, Dispatch runs the live operations map, assignments, and rider monitoring. Warehouse is the command center for stock, staff, orders, and transfers. Sales Backstage gives sellers their store controls, Quick POS, orders, campaigns, and buyer chat, while each agent’s storefront runs as its own public shop.
On the phones, Sales handles product selection, commission previews, and storefront orders. Warehouse (Gatekeeper) scans manifests, verifies packages, and prints labels. BYOB Rider, listed on Google Play, handles task acceptance, navigation, and Mobile Money earnings.
02 / THE CHALLENGE
What the job asked for.
Selling, storing and delivering depend on each other. BYOB needed all three in one platform, with a screen for every person who touches an order: the dispatcher, the warehouse team, the seller, the rider, and the shopper.
That meant web portals for the office and phones for the warehouse and the road, built so they read the same job from the same system.
03 / WHAT PED BUILT
Built in order.
Each part, with the screen that shows it. Click any picture to enlarge.
01 of 8
PUBLIC / PLATFORM
The public front
byobgh.com is the public front of the platform. The browser view shows its homepage: “Don’t Just Find a Job. Build an Empire.”, with Launch Your Business and See How It Works, and a line naming who it is built for: Agents, Riders, and Partners.
The public homepage at byobgh.com 02 of 8
PORTAL / DISPATCH
Dispatch, on a live map
The Dispatch portal is the operations desk, shown here on an iMac. It runs the live operations map, assignments, and rider monitoring. The BYOB Rider delivery app, where the work lands, is one of the three phones further down this page.
The Dispatch portal, on an iMac 03 of 8
PORTAL / WAREHOUSE
Warehouse, as a command center
The Warehouse portal is the command center for stock, staff, orders, and transfers. The phone shows the mobile warehouse dashboard that goes with it.
Warehouse command center and mobile dashboard 04 of 8
PORTAL / SALES BACKSTAGE
Sales Backstage, for sellers
Sellers get their own back room: store controls, Quick POS, orders, campaigns, and buyer chat. The browser view shows the store balance, orders, quick POS, and campaigns on one screen.
Sales Backstage in the browser 05 of 8
WEB / STOREFRONTS
Every agent gets a shop
Each agent’s storefront runs as its own public shop. The mockups show an agent storefront product page, and a verified seller storefront with flash-sale timing and product cards.
An agent storefront, laptop and phone A verified seller storefront, with a flash sale 06 of 8
APPS / iOS AND ANDROID, REACT NATIVE
Three apps for the warehouse and the road
Three React Native apps, for iOS and Android. BYOB Sales handles product selection, commission previews, and storefront orders. BYOB Warehouse (Gatekeeper) scans manifests, verifies packages, and prints labels. BYOB Rider, listed on Google Play, handles task acceptance, navigation, and Mobile Money earnings.
Sales, Rider, and Warehouse Gatekeeper apps 07 of 8
APP / SALES
Selling from a phone
The Sales app, three screens deep: product selection, a commission preview before the sale, and My Store.
Sales app, three screens 08 of 8
APPS / RIDER AND WAREHOUSE
Earnings and packages, in the hand
The same phones carry the rest of the work: the rider’s Mobile Money earnings wallet, a storefront flash sale, and the Warehouse package workflow.
Rider earnings wallet, flash sale, package workflow
04 / EVERY SCREEN
The full set.
All 9 pictures we have for this job, uncropped. Open one, then use the arrow keys.
How to read the picturesFigures shown inside those interfaces belong to the product screens. They are not repeated here as studio claims.
05 / STACK, AS BUILT
What it runs on.
- Laravel
- Inertia
- React
- React Native
What we did
06 / OUTCOME
What exists now.
BYOB is live at byobgh.com, with three React Native apps for iOS and Android: BYOB Sales, BYOB Rider, and BYOB Warehouse. The apps are listed on Google Play.
Selling, warehousing, and delivery run on one platform, from the dispatch desk to the rider’s phone.
07 / RELATED SERVICES
Stations this job went through.
The service pages that describe the kind of work above.
NEXT / MORE WORK
Next job.
Previous: Thirdspace: gear and crew rental marketplace in GhanaAll work