Book a meeting

Case study

ELSAMA Stone

Web AppMore about Web Apps

A premium digital showroom for a marble and natural stone company serving architects, designers, and developers worldwide. Six-language material catalog and installation portfolio — built to make an impression and convert it into a direct inquiry.

How we delivered it

  1. The Challenge

    ELSAMA sources natural stone from Carrara and other premier quarries for clients who expect precision in every detail — from the slab to the screen. A generic template couldn't carry that expectation. The brand needed a digital presence that communicates the tactile luxury of natural marble through photography alone, without discounting it with stock layouts or consumer-market aesthetics. Reaching Arabic-speaking clients required a complete right-to-left experience — not a cosmetic toggle, but a fully adapted layout — alongside native-language versions for Italian, Spanish, French, and German markets. At the same time, the client needed full ownership of their content: new materials, completed projects, blog articles, and site settings all had to be updatable without involving a developer, while the design held its standard regardless.

  2. Our Solution

    • Cinematic hero slider: A full-bleed image carousel where each transition combines a fade with a slow zoom-out that makes the stone photography feel alive — establishing the brand's visual register before a visitor reads a single word.
    • Material catalog with full-detail pages: A filterable, paginated catalog of marble and stone types — each with origin country, technical specifications, available sizes, a multi-image gallery, and cross-references to completed projects where that material was installed.
    • Project portfolio with linked materials: Each completed installation connects back to the exact materials used, giving designers and developers a navigable proof record rather than a static gallery.
    • Six-language support with full Arabic RTL: Every page — navigation, content, blog, inquiry form, and metadata — is served in English, Arabic, Italian, Spanish, French, and German. Arabic switches the entire layout to right-to-left automatically, repositioning every element correctly.
    • Custom content management panel: A purpose-built admin panel gives the ELSAMA team full ownership of all content — materials, projects, blog articles, testimonials, homepage hero images, section visibility, contact details, and global SEO settings — with a WYSIWYG editor for long-form content.
    • Built-in visitor analytics: Custom geolocation-aware tracking captures visitor countries, devices, referral sources, and most-visited pages, displayed in the admin as charts and a geographic distribution heatmap.
    • SEO architecture for six markets: Per-page canonical URLs, hreflang alternates for all six languages, Open Graph metadata, and an auto-generated sitemap — so each language version competes independently in its own search market.
  3. The Outcome

    ELSAMA now has a digital presence that matches the quality of what they sell — a 24/7 international showroom presenting materials and completed work to discerning clients across six languages. The team manages all content independently through their admin panel: adding materials to the catalog, publishing project case studies, writing blog content, reading inquiries, and adjusting site-wide settings — all without touching code. The built-in analytics dashboard shows where visitors are coming from and what they're viewing, so content and outreach decisions are backed by real data.

Tech Stack

React 18
TypeScript
Tailwind CSS
Inertia.js (SSR)
Animation: Framer Motion
CMS & Admin: Filament (Laravel-based)
Laravel 13
PHP
MySQL
Media: Spatie Media Library (image management)
Custom locale middleware (EN / AR / IT / ES / FR / DE with RTL switching)
Spatie Laravel Sitemap (auto-generated)
Custom geolocation tracking

Thinking about a Web App of your own?

Discuss your Web App