Website portfolio · 05 live sites

Websites you can walk through.

Live sites for natural-stone brands in Jakarta and Bali: cinematic scroll films, walkable 3D showrooms, room studios and stone catalogues that turn a visit into a project conversation.

See the work

01 / 05

Brescia Stone

Every slab begins as a mountain.

bresciastone.com
Live websites
05
Virtual showrooms
5
Studios
10
Engines
6

Showrooms · Studios · Engines

21 tools you can open right now.

Every hands-on tool across the five sites. Each card opens the real thing on the live site.

01

Brescia Stone

Jakarta flagship · since 2002

bresciastone.com
Brescia Stone: Home

Every slab begins as a mountain.

The flagship for a stone specialist with two decades of rooms behind it. The home page plays like a film: a marble mountain breaks into particles, gathers into the brand, then opens two slabs into a bookmatch. Behind it: a hall carved inside the mountain to walk through, an AI room builder that reads your floor plan, a 3D furniture studio and a stone finder you can talk to.

2002
Founded
170+
Stones online
16
Slabs in the hall

What visitors can do

Design language

  • Obsidian#0e0d0b
  • Quarry gold#c9a96a
  • Bone#f1ece4
  • Vein grey#8b877f

TypeClassical display serif over a quiet grotesk

MotionSeven-chapter scroll film with skip, mute and pause

02

Brescia Stone Bali

Denpasar, Bali · villas, hotels, residences

bresciastonebali.com
Brescia Stone Bali: Home

Step through the gate.

A 3D film that walks you through a Balinese gate, over still water and into the real stone yard in Denpasar. Architects get tools rather than brochures: path-traced villa rooms to re-stone, a book-match composer that counts slabs and offcut, a proposal their client can open, and scanned slabs ready for seven render engines or AR on site.

12
Slabs scanned 1:1
7
Render engines
3
Villa rooms to re-stone

What visitors can do

Design language

  • Rice paper#f3eee6
  • Terracotta#c2412d
  • Ink#1b1a18
  • Statuario#dcd6cc

TypeEditorial serif with italic terracotta accents

Motion3D gate film with mirror-water reflections and chapter rail

03

Magrade

Meruya, Jakarta · warehouse since 2013

magrade.co.id
Magrade: Home

Don’t just look. Step inside.

The site opens at the real warehouse door. Press Enter and you are inside the material library; go further and you walk a 3D aisle of slabs, or upload a photo of your own room to see a stone concept on its surfaces.

2013
Warehouse since
67+
Materials
100+
Projects supported

What visitors can do

Design language

  • Warehouse night#121614
  • Gilded marble#d6b36a
  • Roof red#9d3b34
  • Concrete#c9c6bf

TypeMarble-textured roman capitals with italic serif lines

MotionEnter gate into the warehouse, drifting dust, WASD walk

04

Global Stone

Jakarta · PT Global Inti Pualam

globalstoneofficial.com
Global Stone: Home

From slab to space.

Built on documented slabs and real warehouse dimensions. The hero is a live 3D slab pair you can swap and bookmatch; behind it a real-scale room studio that also takes your own floor plan, a bookmatch lab, slab documentation in true proportion and free render textures for designers.

142
Materials mapped
12
Render textures
1:1
Room studio scale

What visitors can do

Design language

  • Deep navy#0c1a33
  • Brass#d9b779
  • Sand#ebe3d6
  • Statuario#e6e6e3

TypeCondensed serif headlines, monospace slab labels

Motion3D slab hero that moves from pair to bookmatch to room

05

Brescia Hub

Natural stone gallery for designers & trade

bresciahub.id
Brescia Hub: Home

Find the stone. Design the room.

A working gallery connected to live stock. Search hundreds of stones by colour, room or material, walk them in a 3D showroom, lay them in eleven rooms, then compose an unbranded presentation for your client in the Workbench. Feels like an app on the phone.

370+
Stones
7.9k
Slabs on record
11
Rooms to try

What visitors can do

Design language

  • Forest black#111614
  • Copper#e0a46b
  • Linen#efe9df
  • Moss#2a332e

TypeLight display serif with a compact UI sans

MotionCorridor of slabs in the hero, app-style tab bar on mobile

At a glance

What each site lets people do.

Capability01Brescia Stone02Brescia Stone Bali03Magrade04Global Stone05Brescia Hub
Cinematic scroll filmYesYesNoNoNo
Walkable 3D showroomYesNoYesYesYes
Room studio (stone on real surfaces)YesYesNoYesYes
3D furniture configuratorYesNoNoNoNo
Bookmatch & vein layout plannerNoYesNoYesYes
Your-photo visualizerNoNoYesNoNo
AI floor plans & smart stone searchYesNoNoNoNo
Render textures & material packsNoYesNoYesNo
Filterable stone catalogueYesYesYesYesYes
Client proposals & presentationsYesYesNoNoYes
SEO landing pages & guidesYesYesYesYesNo
WhatsApp consult flowYesYesYesYesNo

How they get built

From stone yard to search result.

  1. 01

    Read the material

    Stock, slabs, showroom and buyers first. The site is shaped by how the product is actually chosen.

  2. 02

    Write the journey

    Story, page structure and search intent: what a homeowner, architect or contractor needs at each step.

  3. 03

    Build the experience

    Scroll films, 3D rooms and planners only where they help a decision, with fast fallbacks on every phone.

  4. 04

    Connect the lead

    WhatsApp consults, analytics and follow-up wired in, so a visit turns into a conversation the team can track.

Your website next

Want a site people remember?

Tell me what you sell and who buys it. I will come back with a direction, a page plan and the one interactive moment worth building.

Chat on WhatsApp