Distributor of wall and floor tiles and sanitary ware

Thanh Long Group

Thanh Long Group was founded on December 12, 2001 by three founders and is now one of the largest tile distributors in Vietnam. More than 1,000 staff, 25 member companies, more than 500 delivery trucks of various sizes and 13 domestic and international partners stand behind more than 10,000 dealers and distributors across the country, from north to south. Their products are floor tiles, wall tiles and decorative tiles under the Blue Dragon, Tasa and Tasa Blue Ribbon labels, plus tile adhesive and sanitary ware.

MONA designed and developed a bilingual Vietnamese – English website for Thanh Long. Rather than a company profile, it is a searchable catalog: users filter down to exactly the tile they need, see which collection it belongs to, then find the nearest member company to buy it.

Visit the live website

Hero screen of the Thanh Long Group website showing the Amazonite tile collection

Industry: Building materials & interiors
Item: Website design & development
Platform: WordPress
Website: thanhlonggroups.com

The challenge

People shopping for tiles aren't looking for a brand, they're looking for one specific tile

Selling materials has an awkward catch: visitors rarely know the product name. They know what they are tiling and where — a bathroom or a garden, 600 or 1200 size, granite or ceramic body, glossy or matte surface. A catalog sorted by label name forces them to dig through page after page.

So we built the whole site around the filter. Seven fields run on a single catalog — application, area, size, tile body, surface, color, brand — and the number of remaining products updates right on the right so users know how many options they still have. The homepage already has a five-field block: choose and click to jump straight to the results.

The visuals do the opposite of the usual factory cut-out shots: each collection opens with a full-width interior, so readers see the tile in a real room before they see the product code. The whole site is bilingual Vietnamese – English, and the distribution network page has a directions map for each member company.

Interface highlights

Where we spent the most effort: a seven-field filter that recounts the products as soon as you choose, a detail page listing the color, body, size and surface of each tile, and a directions map to the nearest member company.

Wall and floor tile catalog with a seven-field filter on the left and the number of remaining products

Detail page for the Blue Dragon 9533 tile with color, body, size and surface

Terrazzo and Travertine collection grid built with real interior photos

List of member companies with a directions map on the Thanh Long website

Grid of projects that used Thanh Long tiles, with project names and provinces

Figures block: staff, member companies, delivery trucks and customers of Thanh Long

Deliverables

What MONA did for Thanh Long Group

01
UX/UI design for a materials catalog — light background, the brand's moss green, interior photos spanning the full width
02
Website development on WordPress, with a custom structure for wall and floor tiles, collections and sanitary ware
03
Building a seven-field filter for application, area, size, tile body, surface, color and brand on a single catalog
04
Building the bilingual Vietnamese – English system and a distribution network page with a directions map for each member company
05
Optimizing loading speed for image-heavy pages and for mobile

Interface experience

The rest of the catalog: collections that open with a real space, a sanitary ware catalog filtered by toilets, washbasins, showers and vanity units, and a video library filmed at the warehouse.