Website case study

Ram Tiles

A whole tile showroom, ONLINE.

Project focus Tile Catalogue Website Online Orders Showroom Finder ramtiles.com The Ram Tiles homepage: Find Your Perfect Tile Tap to zoom

The BRIEF.

Ram Tiles sells floor, wall, roofing and parking tiles, sanitary ware, kitchen sinks and fittings from two showrooms in Lucknow. The brief was the whole showroom online: a catalogue of 1,149 products in 40+ categories, each tile with its size and price per box, Place Order Now on every product, and directions to both showrooms for buyers who want to see the tiles first.

Industry: Building Materials
Delivered: Catalogue website + online orders
Services: UI/UX Design · Web Development · SEO
Stack: WordPress · WooCommerce · Elementor

What it had to DO.

Put the whole range online

1,149 products, from 12x18 wall tiles to 32x64 marble slabs, sorted into 40+ categories.

Show the price up front

Price per box, size, finish and carton weight on every product page.

Turn a look into an order

Place Order Now, Add to cart and Enquire Now on every product.

Bring buyers to the showroom

Both Lucknow showrooms on a map with directions, open 10am to 10pm, all 7 days.

The SITEMAP.

The catalogue as built: 11 families and 40+ categories, each tile two taps from the homepage.

ramtiles.com

Tiles
- Roofing
- Wall
- Flooring
- Parking
- Step & Riser
Fitting
- Tile Adhesives
- Tile Grout
- Tile Spacers
- Epoxy Tile System
Bath & Kitchen
- Kitchen Sinks
- Sanitary Ware
- Wash Basins
Decor
- Rangoli & Border
- Posters
- Breeze Jali
- Cement Tiles
Visit Store
- Arjunganj, Lucknow
- Budheswar, Dubagga
Help
- Contact Us
- Blogs
- Refund & Return Policy
- Terms & Conditions

How we BUILT IT.

Step 01
Sitemap & content
1,149 products sorted into tile families, sizes and categories.
Step 02
Wireframes
One template per page type: category grid, listing, product, store finder.
Step 03
Visual design
The Ram Tiles orange and black, with Montserrat headings, letting the tiles lead.
Step 04
Build & connect
WordPress with WooCommerce for the catalogue and cart, built in Elementor.
Step 05
SEO & launch
A title, description and sitemap entry for every product and category.

4 key pages

Page by PAGE.

Home

Find Your Perfect Tile up top, then every family as a row of picture cards with its size: roofing, wall, flooring, parking, step & riser, chemicals, sinks, sanitary ware and more.

Hero & CTA
Tile families
Sizes on every card
Floating cart

ramtiles.com The Ram Tiles homepage: Find Your Perfect Tile and the tile families Tap to zoom

Product page

/product/6001200-glazed-vitrified-tiles

The tile’s design sheet, price per box, quality, design, care, delivery and carton weight, then Place Order Now, Add to cart, Enquire Now and Where to Buy.

Price per box
Carton weight
Place Order Now
Enquire Now
Share

ramtiles.com/product/6001200-glazed-vitrified-tiles A Ram Tiles product page: price per box and Place Order Now Tap to zoom

Visit Store

/visit-store

Visit Shop For Better Experience: both showrooms marked on a map of Lucknow, each with a Direction button, and the shop hours and phone numbers in the footer.

Showroom map
Two showrooms
Directions
Shop hours

ramtiles.com/visit-store Ram Tiles Visit Store: two Lucknow showrooms on a map with directions Tap to zoom

Built for every SCREEN.

Most visitors arrive on a phone. Every page is designed for a thumb first, then scaled up.

Ram Tiles homepage on a phone A tile category on a phone A product page on a phone Visit Store on a phone

Under the HOOD.

A good-looking site is the start. These are the things it does for the business every day.

Cart & orders

WooCommerce cart with Place Order Now on every product.

Search & sort

Search the range, and sort any category by popularity, rating or price.

Price per box

Every tile with its price per box, size and carton weight.

Showroom finder

Both Lucknow showrooms on a map, with directions.

Enquire Now

An enquiry and Where to Buy on every product.

Share on WhatsApp

Send any tile to family or a contractor in one tap.

App-style mobile bar

Category, Visit Shop, Contact and Search, always at the bottom.

Product SEO

A sitemap entry for every product and category.

The design SYSTEM.

The client’s own brand, carried through every page: their colours, their type.

Ram Orange #F97306 Dial Red #CD201F Ink #070707 Peach #F8DDC5 White #FFFFFF Aa

Montserrat

Headings

SemiBold · Bold · Black

DM Sans

Body & interface

Light · Regular · Medium

The site TODAY.

The numbers on ramtiles.com today.

Products

1,149

tiles, fittings and sanitary ware online

Need your whole showroom online? LET’S BUILD YOURS.

Tell us how your team works today. We’ll show you what it could look like.

Start a project Book a 15-min call

Fixed-price proposals
Reply within 24 hours
30-day post-launch support