Distributor of wall and floor tiles and sanitary ware

Thanh Long Group

Thanh Long Group was founded on 12/12/2001 by three founders and is now one of the largest tile distributors in the Vietnamese market. 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 from the North to the 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. It is not a company profile page but a searchable catalogue: users filter down to exactly the tile they need, see which collection it belongs to, then find the nearest member company to get 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 choosing tiles are not looking for a brand, they are looking for one exact 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 catalogue 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 catalogue — application, area, size, tile body, surface, colour, 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 go the opposite way from the factory's cut-out shots: each collection opens with an interior space spanning the full width, 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

The parts we put the most care into: a seven-field filter that recounts the products as soon as you choose, a detail page listing the colour, body, size and surface of each tile, and a directions map to the nearest member company.

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

Detail page for the Blue Dragon 9533 tile with colour, 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 catalogue — 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, colour and brand on a single catalogue
04
Building the bilingual Vietnamese – English system and a distribution network page with a directions map for each member company
05
Optimising loading speed for pages with many large images and mobile display

Interface experience

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