Skip to content

All projects

Commerce · Tools

EGIC

A plumbing manufacturer’s catalogue, with the sizing calculator on board.

Role
Flutter developer
Platforms
Android · iOS
Year
2022
Status
Shipped
Stack
FlutterDartREST API
Links
Google PlayApp Store

The brief

A manufacturer of pipes, fittings and sanitary ware wanted its catalogue in people's hands. Not a shop first — a reference. The buyers are plumbers, contractors and specifiers, and what they need before a price is a size, a material and a drawing they can hold against the one on the wall.

My part

Flutter on the client, against the company's REST backend, shipped to both stores from one codebase.

The Outdoor Solutions catalogue: backwater valves, gully traps with their inlet and outlet sizes spelled out, inspecting chambers at 500×500 and 600×600, and a drainage lifting station — each row a product photograph, its full name, and a heart to save it.
A product page for a socket with loose nut: a render above a row of alternate views, the Bänninger brand chip, share and save, and below them the dimensioned engineering drawing with SW1, SW2 and RP called out, over a specification picker reading 20-1/2.
The Smart Home Drainage section, split into two cards — Outdoor Solutions over a photograph of corrugated pipe, and Indoor Solutions over a group of white branch fittings carrying the Smart Home mark.

Decisions

The drawing is the product page. A render tells you what a fitting looks like; a dimensioned drawing tells you whether it fits. Both are on the screen, and the specification picker under them changes the numbers rather than opening a PDF.

A calculator, because the question comes before the basket. "How much pipe does this bathroom need" is what a first-time visitor actually wants, and answering it in the app is what earns the second visit. It takes room size, supply and drainage type, then a list of components, and returns a quantity and an estimate.

Browse by where it goes, not by what it is called. Indoor or outdoor, then the system — which is how the trade talks, and it saves knowing the part number to find the part.