Catalogue and configurator · web
WATdesign
A made-to-measure wall mural catalogue with 4,620 designs, a dimension configurator and per-m² pricing — with no database and not one image file in the repository.
- designs in the catalogue
- 4.620designs in the catalogue
- artwork generators
- 21artwork generators
- of imagery on the home page
- ~26 kBof imagery on the home page
- image files in the repository
- 0image files in the repository
The task
A catalogue of several thousand designs normally means several gigabytes of photographs, a slow catalogue and expensive hosting. The question was whether the same effect could be achieved without a single stored image.
Approach
- 01
A design is a pure function of its number: category, palette, style, name and code are derived from the same integer, and the artwork is then drawn as SVG by one of 21 generators — landscapes, botanicals, geometry, marble, terrazzo, space.
- 02
Images are served by a route returning SVG with immutable caching: full resolution for the design page, a lighter variant for the card grid.
- 03
Filters live in the URL and are applied server-side, so the browser never receives the whole catalogue.
- 04
Price is computed from material, design surcharge and finishing, multiplied by area.
- 05
Enquiries are sent by email without extra packages; with nothing configured they are written to the function log rather than lost.
Result
The home page loads about 26 kB of imagery. Measured on simulated 4G with a 4× CPU slowdown: home page LCP around 2.0 s at CLS 0, catalogue around 0.9 s.
Contact
Tell me what you are building — I reply today.
I normally reply the same working day. The first call takes thirty minutes, costs nothing and commits you to nothing.