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
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.
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.
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
Thinking about a Web App of your own?
Discuss your Web App