Work / Blechnachmass
Blechnachmass
An online shop for made-to-measure sheet metal and gutters in Austria, with a custom admin dashboard built around products that come in any size.
In short
- Blechnachmass sells gutters, downpipes, roof sheets, and special profiles, many of them cut to the customer's own measurements.
- I designed both sides: the online shop customers buy from, and the custom admin dashboard the team runs it with.
- The hardest part had no precedent: letting the team set dimension limits for products that are made to measure.
45+screens across shop and admin
2months of design work
4custom dimensions: edge, angle, fold bead, length
6payment methods at checkout
Overview
Sheet metal, made to measure, sold online.
Blechnachmass.shop is an Austrian online shop for roof drainage and sheet metal: zinc, aluminium, and copper gutters, downpipes, roof sheets, and special profiles. The name says it: Blech nach Maß, sheet metal made to measure.
I designed the whole product at Mesh WEB over two months: the shop, the checkout and customer account, and a custom admin dashboard the client's team built from scratch to run the store.
The challenge
Products that come in any size.
Not a standard catalogue
A gutter is sold in several materials and sizes, and special profiles are cut to the customer's own edge, angle, fold, and length.
Technical buyers and homeowners
Roofers want exact dimensions and data sheets. Homeowners want to find the right part without a manual.
Nothing to build on
The admin was a custom build. There was no existing pattern for how a team sets the allowed range of a custom dimension.
Two products in one
The shop and the admin had to feel like one system, so the team sees products the same way customers do.
The shop
A product page that answers the roofer
Customers choose the material and the gutter size as simple buttons, see the price and delivery time straight away, and find the technical detail one tab below.
Key features
- Material and size picked in two clicks
- Price, saving, and delivery time beside the button
- Description, sizes, data sheet, and installation guides in tabs
Dimensions as a drawing, not a paragraph
The sizes tab shows the gutter profile as a technical drawing, with every measurement labelled and matched to a table, so a roofer can check it at a glance.
Key features
- Labelled cross-section of the profile
- Measurements and tolerances in a table
- Material thickness per metal
A cart that stays in view
The cart opens over the page without leaving it, and products that are often bought together sit below every product.
Key features
- Mini cart in the header
- Frequently bought together
- Wishlist from any product card
Checkout and account
Four steps, and the order always in view.
Checkout runs as billing address, delivery, shipping method, and payment, with the order summary fixed on the right. Shipping covers standard, premium, and collection from the branch; payment covers PayPal, card, SEPA, prepayment, invoice, and paying in the branch.
After the purchase, the account shows every order with its status, and a single order follows it from ordered to on the way to delivered, alongside addresses and a wishlist.
Admin dashboard
One place to run the store.
The team built their own admin instead of a stock plugin, so I designed it from the navigation up: dashboard, products, categories, tags, attributes, reviews, analytics, coupons, orders, users, and settings.
A catalogue built for variants
Every product carries categories, tags, images, pricing, tax, stock, shipping, linked products, and variations, and each variation has its own values.
Key features
- Products list with draft and published tabs, import, and export
- Variations created in place, without leaving the product
- Categories and tags with their own pages
Orders and offers
A single order shows the items, totals, payment, and the customer's billing and shipping details on one screen. Coupons set their discount type, amount, code, and validity in one short form.
Key features
- Order detail with customer, billing, and shipping
- Coupons with percentage or fixed discount and a date range
- Usage limit per customer
Custom dimensions
Designing limits with nothing to copy.
Customers can order special profiles in their own dimensions. For that to work, the team needs to tell the shop what is possible for each product: which measurements can change, and between which values. No existing admin or plugin had a pattern for this, so I designed it from scratch.
Each product gets four switches: custom edge, custom angle, custom fold bead, and custom length. Turning one on opens its limits, such as a length between 100 and 2000 mm, with breakpoints the team can edit or remove. The shop then only offers the customer what can actually be made.
Outcome
A shop and its admin, designed as one system.
Customers can find a standard gutter in a few clicks or order a profile to their own measurements, and the team manages both from an admin that speaks the same language as the shop. The dimension limits turned a manual, quote-based process into something the shop can offer directly.
What I delivered
- Online shop: homepage, categories, product pages
- Checkout, customer account, and sign-up flows
- Custom admin dashboard and analytics
- Custom dimension limits for made-to-measure products
Project
- Client: Blechnachmass.shop, Austria
- Timeline: 2 months
- Company: Mesh WEB
- 45+ screens across shop and admin