The slab opens the story
The marble turns under the light before a single product appears.
Case study / Materials and furniture
Longi
A website and shop for Longi, an atelier that selects stone, solid wood and furniture by the grain. On the homepage a single marble slab becomes a kitchen island, a console and a desk as you scroll, and behind that scene waits a shop with prices in KM, a cart and a path to checkout.
- Client
- Longi atelier
- Quote
- Furniture, stone and slabs, solar equipment
- Scope
- 3D homepage, shop, product page, cart
- Languages
- Bosnian and English, prices in KM
Material before catalogue.
Longi isn't just another furniture shop. The goal was for customers to see the material, format and texture before ordering anything, clearly, calmly and without friction.
That's why the website doesn't open with a product grid but with a marble slab. The same slab turns under the light, breaks into formats and assembles into pieces of furniture, so customers first understand what a piece is made of, and only then choose the piece itself.
One slab, three spaces.
The homepage is a single scroll-driven 3D scene. The slab first stands alone, then becomes a kitchen island under the word Durability, a console under the word Versatility and a walnut desk under the word Elegance.
The three words are the three reasons people choose stone, and each is shown on the piece, not described in a paragraph. When the scene ends, the same scroll leads into collections and featured products.
From inspiration to cart.
Beneath the editorial surface runs a real shop. Products can be browsed by category and collection, filtered by price and sorted, and each has a gallery, variant, quantity and price in KM.
The product page carries the description and delivery and return terms, then suggests pieces that complete the space. The cart totals the subtotal, delivery and tax, accepts a promo code and leads to checkout.
Material becomes a piece
The same slab becomes an island, a console and a desk.
Collections lead further
From the scene, the customer moves on to collections and featured products with material, finish and dimensions.
The cart completes the journey
Variant, quantity and price in KM, then on to checkout.