Restaurant Son Colom. Web a mida a Felanitx.

Restaurant mallorquí que feia anys que estava obert sense web. Li vaig construir una primera presència online, un panell per gestionar carta i menú del dia, i un sistema de reserves propi que no paga comissions a TheFork.

Home de la web del Restaurant Son Colom mostrant la façana al capvespre i accessos a Carta, Reservar Taula i la Nostra Història
Client
Restaurant Son Colom
Sector
Restauració · cuina mallorquina
Any
Març 2026
Abast
Web a mida + panell admin + reserves + 4 idiomes

Feien anys que estaven oberts. I cap web.

Son Colom és un restaurant a Felanitx, a l'interior de Mallorca. Cuina mallorquina sense dreceres: callos, frit, croquetes casolanes, calamar a l'andalusa, taula de pernil i formatge. Feia anys que funcionaven amb clientela fidel del poble entre setmana (la que ve a dinar menú del dia) i comensals de cap de setmana que hi anaven expressament.

El que no tenien era web. Tota la conversa amb el client passava pel telèfon, les xarxes i el boca a boca. Quan l'Edwin em va trucar, ho vam plantejar directe: una primera presència online, sí, però feta des del principi perquè el restaurant pogués treballar-hi.

El brief no era una web bonica. Era una eina per gestionar el dia a dia del restaurant sense dependre de ningú.

Tres exigències clares del client des del primer dia:

  1. Menú del dia gestionable cada dia. Un restaurant de poble canvia el menú diàriament. No serveix un PDF pujat per FTP. Havia de ser tan ràpid com apuntar-ho a la pissarra.
  2. Reserves pròpies, sense TheFork. Les comissions per reserva queden fora. Les dades del client, dins del restaurant.
  3. Quatre idiomes. Castellà i català per a la clientela local, anglès i alemany per al turista que arriba a l'interior buscant cuina mallorquina de veritat.

Tres pantalles. Cadascuna resol una conversa diferent.

Pantalla de Carta del Restaurant Son Colom amb categoria Entrants i preus visibles
01

La carta com a decisió, no com a fullet

La carta és el moment en què el comensal decideix si entra. Per això viu en una sola pantalla, amb foto del menjador a l'esquerra, preus visibles des del primer scroll, i un toggle net entre Menjar i Beguda. No hi ha PDFs descarregables. El que veus és la carta d'avui, editada aquest mateix matí des del panell.

Pantalla de Menú del Dia del Restaurant Son Colom amb tipografia editorial sobre fons fosc
02

El menú del dia, amb la seva pròpia entrada

És el motiu pel qual mitja plaça ve a dinar entre setmana. Té la seva pròpia URL, el seu propi espai editorial i un fallback elegant per als dies que el menú no s'ha publicat. L'Edwin l'introdueix en menys d'un minut des del panell: primer plat, segon, postre, preu. Queda online a l'instant.

Pantalla de Reserves del Restaurant Son Colom amb taules preparades i opció de telèfon directe
03

Reserves que entren per la porta de casa

El sistema de reserves és propi. Quan algú reserva, la dada entra a la base de dades del restaurant. No a TheFork, no a Glovo. Si l'equip decideix tancar les reserves online per una setmana d'obres o un esdeveniment, el sistema deixa el telèfon directe visible en lloc d'un formulari mort. Honestedat abans que automatització.

Darrere la web, el panell on viu el dia a dia.

Una web bonica és la meitat de la feina. L'altra meitat és el que ningú veu, però que decideix si aquesta web continua sent útil d'aquí a sis mesos.

L'Edwin entra al panell des del navegador del restaurant i ho gestiona tot: afegeix un plat nou, en puja la foto, canvia el preu, marca un plat com a esgotat, publica el menú del dia de demà, atura les reserves si hi ha un esdeveniment. Sense desenvolupador pel mig. Sense factures mensuals per moure una coma.

Cada reserva confirmada viu a la base de dades del restaurant, amb email i telèfon del comensal. L'Edwin les gestiona des del mateix panell: confirma, modifica, cancel·la. Les dades del client mai no passen per TheFork, la qual cosa significa zero comissions per reserva i un fitxer de comensals que és del restaurant, no d'una plataforma de pagament mensual.

Quatre idiomes reals, no Google Translate. Cada plat, cada text i cada label viu a la seva pròpia taula per idioma, amb URLs separades per país i hreflang correcte. L'alemany és allà perquè a l'interior de Mallorca arriben turistes que busquen cuina local. I llegir-la en el seu propi idioma tanca la decisió d'entrar.

Imatges en WebP amb dimensions explícites, lazy-loading below the fold, fonts locals amb font-display: swap, schemas de Restaurant i Menu perquè Google entengui què és això. Resultat: 96/100 a Lighthouse mòbil, LCP per sota de dos segons i zero Cumulative Layout Shift. Carrega ràpid al mòbil del que està aparcant a la porta.

Mètriques reals. Mesurades al lloc en producció.

0/100

Lighthouse mòbil
Performance

<0s

LCP al mòbil
Largest Contentful Paint

0

Cumulative Layout Shift
El layout no salta

0/100

Best Practices + SEO
a Lighthouse

05 0 %

Comissions per reserva pagades a TheFork o plataformes externes. Cada euro reservat es queda al restaurant.

06 4 idiomes

Castellà, català, anglès i alemany. Tota la web és editable en els quatre des del panell, incloent-hi carta i menú del dia.

07 1 panell

Una sola interfície per gestionar carta, menú diari, reserves, idiomes i contingut. Sense tickets, sense factures mensuals per moure preus.

El que va dir l'Edwin quan li vam entregar la web.

5 estrelles Google Review · 5/5

Vaig demanar a en Maties una web per al restaurant i em va entregar molt més del que esperava. Un panell on gestiono carta, menú del dia i reserves sense trucar a ningú, i fins i tot un sistema que demana ressenyes automàticament. Un crac.

Edwin Vega Propietari · Restaurant Son Colom · Felanitx

Les eines que sostenen el lloc per dins.

  • Backend PHP + MySQL Model de dades a mida per a carta, menú diari, reserves i traduccions per idioma.
  • Frontend HTML + CSS + JS vanilla Sense framework. Càrrega lleugera, dependències mínimes, codi que qualsevol pot mantenir.
  • Animació GSAP + Lenis Scroll suau i micro-animacions controlades, desactivables si l'usuari té prefers-reduced-motion.
  • Imatges WebP + lazy-loading Qualitat 80–85 %, dimensions explícites, srcset per viewport. LCP estable per sota de 2 s.
  • SEO tècnic Schema.org + hreflang + sitemap Schemas de Restaurant i Menu, hreflang complet als 4 idiomes, canonical sense duplicats.
  • Hosting Servidor LiteSpeed + HTTPS Capçaleres de seguretat actives (HSTS, X-Content-Type-Options, Referrer-Policy) i caché controlada per entorn.

N'hi ha més en camí. Però només es conten els que tanquen.

De moment, aquest és l'únic cas publicat. Hi ha altres projectes acabats, però fins que el client no dóna el vistiplau i les dades estan consolidades, no es conten aquí. Quan hi hagi un cas #2, apareixerà en aquest mateix lloc.

Veure tots els projectes

Parlem-ne.

Si tens un restaurant (o qualsevol negoci) a Mallorca i aquest cas t'ha ressonat, parlem-ne vint minuts. Sense compromís. Et passo una proposta tancada en dos o tres dies amb abast, terminis i preu.

Reservar trucada de 20 min