Write first.
A website is a text before it is an interface. Tone, rhythm, structure — written before the first line of code, then carried by the form.
Notes · Development
MMXXVI · Sarimmo.ch
A handcrafted website. Made in Valais.
Sarimmo & Design entrusted the design and development of this website to Tacelo, an independent studio based in Vétroz. This page lays out the technical choices, the approach, and what the agency gained from it.
I · Approach
This site is written like a book.
Habit turns an agency website into a database document. We wanted a frame.
Choose every grain.
Every typeface, every transition, every shadow chosen and tested by hand. Nothing pulled from a kit. Nothing generic.
Refuse to rust.
Self-hosted fonts, framework-free stack, no volatile dependencies. A design object built to outlast trends — and updates.
Our choices
- i. A CMS written for Sarimmo, not a retrofitted theme.
- ii. Self-hosted fonts, no external fetch.
- iii. A valuation engine calibrated for Valais, not a generic plugin.
- iv. Writing authored by the house, not machine-generated.
II · Architecture
A controlled stack, with no technical debt.
Frontend
Typography & Interaction
Tailwind 4Controlled design systemInter + CormorantSelf-hosted pairing, zero external fetchGSAP 3.1360 fps animations, mastered choreographyVanilla JSNo heavy library beyond GSAP
Backend
Core & Data
PHP 8.5Framework-free, for direct controlMariaDB + PDOPrepared statements, zero SQL-injection surfacebcryptAdmin password hashingCustom CMSAutonomous property publishing
Infrastructure
Hosting & Security
Metanet AGPhysical servers in Zurich, SwitzerlandTurnstileCloudflare anti-bot, no intrusive CAPTCHAHSTS + CSPStrict HTTPS, hardened headersDeepL APIEN ↔ FR ↔ DE translation of the estimator
III · Deliverables
What Sarimmo & Design gained.
01
An autonomous dashboard
Publishing, editing and archiving properties without technical intervention. Image uploads, multilingual edits, status management (active / reserved / sold / upcoming).
02
A proprietary valuation tool
6 guided steps, dataset of 122 municipalities × 333 localities, 79 multiplicative coefficients, automatic lead scoring, CSV export for prospecting.
03
An editorial gallery
Mosaic layout, click-to-lightbox, progressive loading, scroll-triggered reveal animations. Properties are no longer thumbnails — they become photographic subjects.
04
Structured SEO
JSON-LD RealEstateListing on every listing, dynamic sitemap, hreflang tags on all pages, multilingual content individually indexable.
05
revFADP & GDPR compliance
Granular cookie consent banner, transparent privacy policy, named sub-processors, defined retention periods. The site is legally clean.