Skip to content

Pannelli

ClientPannelli
Role / ServicesProduct Designer
Location & yearCairo, 2025
ScopeUX/UI, e-commerce, calculator tool
Tools Used
Figma
Visit live site

Pannelli sells porcelain surfaces and tiles, and its site's job is to close the gap between "I like this finish" and "I know exactly how much to order."

The challenge

Tile shopping usually ends in an in-store guess: bring your room dimensions, hope the sales associate gets the math right, buy a margin of extra tiles "just in case." The site needed to put that calculation in the customer's hands before they ever visit the store, alongside a catalog that actually shows what the Magnum product line looks like installed.

The approach

The homepage sells the material with real installed photography — a dental clinic, a home interior — rather than swatches alone, then lays out the three services that wrap around a sale: design, fabrication, installation. The tiles calculator takes room length and width and returns tiles needed and total area directly, with a direct line to the physical store for anyone who wants to see the finish in person.

pannelli.com
Tiles calculator — enter room dimensions, get tiles needed and area

Selected screens

Homepage, product detail, and the tiles calculator. Drag to scrub, click any screen to enlarge.

The result

A retail site that replaces a store-counter guess with a calculator a customer can run from home, backed by a catalog shown the way it actually looks once installed.

Tiles-needed calculator
Instant
Experience shown up front
25 years
Design, fabrication, installation
3
E-commerce retail site
Web

Ready to talk?

Drop a line about the product, the problem, or the team. That's enough to get started.

Currently available for new projects