Commerce platform2026Completed

Four counters. One basket. From the harbour to your doorstep.

Role
Design & engineering
Services
Brand website, e-commerce, store operations
Stack
Next.js, TypeScript, Prisma · Turso, Hubtel & Cloudflare
Year
2026 · September–October · completed
Harbour Price homepage: fishermen unloading the morning catch beneath the headline “Harbour prices. For everything you buy.”
harbourprice.com · the storefrontCaptured from the live site

(01) The brief in one line

Bring the whole shop online, and connect the work behind the counter.

A The business

Harbour Price began with fish bought straight off the boats. Today, the Accra business brings a cold store, groceries, farm produce and a hot-meals kitchen under one roof.

The same shop serves households filling a basket and restaurants, caterers and resellers buying in bulk.

B The brief

Make all four counters feel like one shop. Customers should find what they need, understand the pack and choose delivery or collection without juggling separate orders.

Behind each order, staff need to sell, cook, check stock, pack and hand it over to a rider.

C The build

  1. 01
    One basket. Groceries and hot meals share checkout, with separate fulfilment where needed.
  2. 02
    One operation. The storefront, till, kitchen, kiosk and rider tools connect to the same business.
  3. 03
    A familiar way to pay. Hubtel for Mobile Money, cards and customer SMS.

(02) The experience

From the first browse to the counter.

Three views
from the live product

01 Shopping

The whole basket, in one place.

Fish, chicken, pantry staples and fresh produce sit on the same shelf. Category counts, pack sizes and filters help customers narrow the shop, while quantity and Add to cart stay on each card.

Cold storeGroceryFarm market
Harbour Price shop with filter pills and product cards showing packaged fish, chicken and tomatoes, prices, quantities and Add to cart
The shared shop/shop

02 Product detail

Know the pack before it arrives.

A pack photograph, weight, source and storage details sit next to the price. Delivery and collection options are visible before adding it to the basket, with the journey from harbour to freezer further down the page.

Pack detailsFreshnessDelivery or collection
Tilapia product page with a sealed fish pack, harbour-direct and frozen labels, quantity controls and delivery or collection information
From the harbour to your freezerProduct detail

03 Self-order kiosk

The same kitchen, at the counter.

The hot-meals kiosk starts with a simple choice: eat in or take away. Large touch targets lead into choosing a pack or building a plate, reviewing the order and paying, with help always within reach.

Touchscreen orderingEat inTake away
Harbour Price self-order kiosk with large Eat in and Take away cards, a four-step progress bar and a Need help button
Ordering at the counterSelf-order kiosk

(03) Every screen

Harbour prices, in your pocket.

Desktop 1440
Mobile 390

Harbour Price on a phone, with search, shop categories and full-width Shop now and Order food buttons over the harbour photograph
The Harbour Price storefront on desktop and mobile.
Search, groceries and hot food within reachDesktop and mobile · live captures

(04) Behind the counter

An online order. A whole team behind it.

Built into the platform
from till to delivery

Behind the counter · 01

A till for the shop floor.

Cashier PINs, shifts, split payments, receipts and returns support in-store sales. An already-open POS can queue eligible sales through a connection outage and sync them afterwards.

02

A kitchen that knows its stock.

The back office connects orders, kitchen tickets, packing and inventory. Recipes, cook batches, purchasing, counts and waste give the hot-meals team a view of what goes into each plate.

03

A handover all the way home.

Riders get assigned runs, bag checks and handover codes. Customers can follow an order, while the team manages dispatch and collections from the back office.

Built withNext.jsTypeScriptTailwind CSSPrisma + TursoHubtelCloudflare Workers
Next project02 / 16

Payments

Reevit

All work16 projects