Agència de desenvolupament web· Webs noves · A mida · Apps mòbils

Les decisions que més costa canviar d'una web nova es prenen abans de la primera línia de codi

L'estructura de les adreces, com conviuen els idiomes, quina plataforma la sosté i de qui són el domini i els comptes. Cap d'aquestes coses surt a la maqueta, i totes pesen més que el color d'un botó el dia que la web ha de créixer.

Si busques una agència de desenvolupament web o una web feta a mida, aquí tens com plantegem una web nova a Daimatics: què es decideix abans del disseny, quan compensa programar a mida, què es comprova abans d'estrenar-la i què convé preguntar a qualsevol agència abans de signar, també a nosaltres.

Arquitectura i adrecesTecnologia triada amb criteriMesura des del primer diaEstrena amb llista de control
Porta d'estrenaExemple il·lustratiu

Una web nova no es publica fins que totes les línies han passat.

  • Bloqueig de l'entorn de proves retiratFet
  • Mapa del lloc enviat a Search ConsoleFet
  • Formularis provats de punta a puntaFet
  • Contactes registrats a l'analíticaFet
  • Càrrega en mòbil dins del llindarRevisant
  • Web i comptes a nom del clientFet

Exemple il·lustratiu · no correspon a cap projecte real.

Qui planteja l'obra

Qui mira els fonaments abans de triar el color

Daimatics, fundada per David Nogués, amb més de 20 anys de trajectòria professional en l'àmbit digital. En un projecte de web nova, la primera conversa no sol començar per referències visuals, sinó per preguntes menys vistoses: qui l'actualitzarà, què ha de passar quan algú hi entri i què s'haurà de poder mesurar.

Abans de proposar res es revisen el negoci, la web que hi hagi i les dades. I la web, l'Analytics, la Search Console i la resta de comptes queden a nom del client; l'agència hi accedeix amb usuaris i permisos propis.

Google Partner

Verificable a la pàgina de Google Partners.

A nom teu

La web i els comptes queden a nom del client, no de l'agència.

Sense permanència

Per plegar, n'hi ha prou avisant uns quinze dies abans.

Les sis decisions de fonament

Il·lustració de David Nogués al despatx de Daimatics, dret i inclinat sobre la taula, repassant el plànol imprès d'una web nova

David NoguésFundador i CEO de Daimatics

La situació

Webs que s'estrenen amb els deutes ja fets

Quatre escenes que apareixen en webs acabades de publicar. Cap és un problema de disseny: totes es van decidir, o es van oblidar, abans.

Publicada, però invisible per a Google

L'entorn de proves portava l'ordre de no indexar, i en passar a producció ningú la va treure. La web existeix, però el cercador té instruccions de no mostrar-la, i pot passar setmanes fins que algú se n'adona.

Lenta des del primer dia

La plantilla porta galeries, animacions i connectors que la web no fa servir, i el mòbil els carrega igualment. No s'ha espatllat res: ja va néixer així, i ningú va fixar un límit abans de maquetar.

Les primeres setmanes, sense registre

L'analítica s'instal·la quan algú pregunta per les dades. El que va passar durant l'estrena —la primera campanya, les primeres visites, els primers contactes— ja no es pot recuperar.

La web és de qui la va fer

El domini o l'accés d'administrador estan a nom del proveïdor. Mentre tot va bé no es nota; el dia que cal canviar d'equip, la web depèn de la bona voluntat d'un tercer.

Les quatre tenen una cosa en comú: s'eviten amb decisions preses per escrit al principi i amb una llista de comprovacions abans d'estrenar, no amb més pressupost de disseny.

El canvi de marc

El disseny és el que més es veu i el que menys costa canviar

Un color, una fotografia o el text d'un botó es canvien en una tarda. Canviar l'estructura de les adreces, l'arquitectura d'idiomes o la plataforma d'una web publicada és una obra: afecta el que Google ja ha indexat, els enllaços que t'apunten i les dades que s'han anat acumulant.

Es canvia en una tarda

El que veu qui entra

  • Colors, tipografies i fotografies
  • Els textos d'una pàgina
  • L'ordre de les seccions
  • Un botó o un camp d'un formulari

Demana una obra

El que sosté la web per dins

  • L'estructura de les adreces
  • Com conviuen els idiomes
  • La plataforma i com s'organitzen les dades
  • Qui és titular del domini i dels comptes

Per això el desenvolupament comença per la columna de la dreta. Si el teu interès és sobretot la proposta visual i com ha de comunicar la marca, ho expliquem a disseny web. És un criteri professional, no una regla universal: hi ha projectes on el disseny també és estructural.

L'agència

Què ha de resoldre una agència de desenvolupament web, a part de programar

Qui contracta una agència de desenvolupament web no compra hores de programació: compra una web que faci la seva feina, que es pugui mantenir i que sigui seva.

Webs i botigues que funcionen per dins

Web corporativa, botiga online, reserves o àrea privada per a clients. La plataforma surt del que la web ha de fer, no d'un catàleg fix.

Connexions amb els programes del negoci

Programa de gestió, CRM, pagaments, correu. Cal resoldre com parlen amb la web i deixar escrit com funciona cada connexió, perquè no depengui de la memòria de ningú.

Apps mòbils, quan el projecte les demana

De vegades la web no n'hi ha prou i cal una aplicació. Daimatics també desenvolupa apps mòbils, i l'abast d'una app es defineix, com el de la web, pel que ha de fer.

Una obra que un altre equip pugui continuar

Accessos individuals, documentació del que s'ha fet, i la web i els comptes a nom de l'empresa. Si demà canvies d'equip, el següent ha de poder entrar i entendre-ho.

La part visual —marca, composició i recorregut— és a disseny web. Aquesta pàgina parla de l'obra que la sosté.

L'abast

Sis decisions de fonament que es tanquen abans del disseny

Es posen per escrit al començament del projecte, perquè tothom qui hi treballi —disseny, contingut i programació— construeixi sobre el mateix plànol.

Arquitectura i adreces

Quines pàgines hi haurà, com s'agrupen i quina forma tindran les URL. Una adreça clara i estable és la que acumula enllaços amb els anys; canviar-la després obliga a redirigir-la.

Idiomes

Si la web tindrà més d'una llengua, es decideix d'entrada com conviuran. La documentació de Google demana que cada versió llisti totes les altres, ella inclosa: és molt més fàcil fer-ho bé des del principi que afegir-ho a una web publicada.

Tecnologia

La plataforma es tria per qui editarà la web, què ha de fer i amb què s'ha de connectar. Ho expliquem més avall, perquè sovint es decideix en l'ordre equivocat.

Com arriba el contingut

El text important ha d'arribar dins de l'HTML, sense dependre que un script el pinti. Google processa JavaScript, però la seva guia admet que hi ha robots que no l'executen.

Rendiment com a pressupost

Es fixa un límit abans de maquetar, amb els llindars de Google com a referència: el contingut principal visible en 2,5 segons o menys, la resposta a cada interacció en 200 mil·lisegons com a màxim i un desplaçament visual acumulat no superior a 0,1.

Seguretat i accessos

Entorn de proves separat de la web pública, còpies de seguretat programades, usuaris individuals amb els permisos justos, i la web i els comptes a nom del client.

La tecnologia

La plataforma es tria al final de la llista, no al principi

Moltes webs comencen per «la volem feta amb tal plataforma» i després intenten encabir-hi el negoci. L'ordre que proposem és el contrari: cinc preguntes, i la tecnologia en surt.

1

Qui l'editarà cada setmana?

Si és algú del teu equip sense perfil tècnic, pesa més un editor còmode que qualsevol funció avançada que no farà servir.

2

Què ha de fer, a més d'explicar?

Vendre amb catàleg, reservar hores, captar contactes, donar accés privat a clients. Cada funció descarta opcions abans de començar.

3

Amb què s'ha de connectar?

Programa de gestió, CRM, passarel·la de pagament, eina de correu. Una integració que no existeix s'ha de programar i, després, mantenir.

4

En quantes llengües i per a quins mercats?

No totes les plataformes resolen igual els idiomes, les monedes o els impostos de més d'un país.

5

Qui la mantindrà quan estigui feta?

Una plataforma instal·lada al teu servidor dona control i demana manteniment continu; un servei allotjat en demana menys i et lliga a les seves regles i extensions. La resposta a aquesta pregunta sol decidir-ho tot.

Quan la resposta és una plataforma concreta, en tenim una pàgina per a cadascuna: WordPress, WooCommerce, PrestaShop, Shopify, i també OpenCart. Si cap no hi encaixa, la pregunta següent és quanta part de la web s'ha de programar a mida.

A mida

Una web a mida és una qüestió de grau, no una etiqueta

«Feta a mida» pot voler dir tres encàrrecs molt diferents, i el pressupost, el calendari i el manteniment canvien d'un a l'altre. Abans de comparar propostes de desenvolupament web a mida, convé saber de quin dels tres parla cadascuna.

Grau 1

Plataforma configurada

Una plataforma coneguda, amb un tema adaptat i extensions que algú altre ja manté. És el camí més curt i el que menys feina deixa per després, si el que ha de fer la web hi cap sense forçar-la.

Grau 2

Plataforma amb peces a mida

La base és estàndard, però s'hi afegeixen plantilles pròpies, connexions programades amb el programa de gestió o funcions que cap extensió resol bé. És on acaben molts projectes que volen una mica més que una web de presentació.

Grau 3

Desenvolupament a mida

Quan la web és el mateix producte —una eina, un càlcul propi, un procés intern obert als clients— i cap plataforma s'hi acosta. Dona llibertat completa, i a canvi demana algú que l'actualitzi i el documenti mentre existeixi.

Tres preguntes abans de demanar codi propi

  • Ho resol ja una extensió mantinguda? Si n'hi ha una de fiable, el codi propi ha d'explicar per què aquella no serveix.
  • Què en passa si canvies d'equip? Pregunta on quedarà el codi i com estarà documentat: la resposta canvia molt d'un contracte a un altre.
  • Qui l'adaptarà quan la base canviï? Cada peça a mida s'ha de revisar quan s'actualitza la plataforma o el programa amb què parla.

Quan ja no és una web

Si el que necessites és software de gestió, eines internes o funcions d'intel·ligència artificial, el projecte surt de l'abast d'aquesta pàgina. NeuronAI Technologies és una empresa de l'entorn Daimatics dedicada a la intel·ligència artificial i al desenvolupament de software i eines a mida. Daimatics comercialitza els serveis d'IA dins de la seva oferta, i els executa l'equip especialitzat de NeuronAI Technologies.

Si el que vols a mida és sobretot l'aspecte i la manera de comunicar la marca, la pàgina que t'interessa és la de disseny web.

Abans de proposar res

Què mirem abans de fer una proposta

Abans de proposar res es revisen el negoci, la web que hi hagi i les dades. En una web nova, això es concreta en sis preguntes.

  • L'objectiu comercial. Què ha d'aconseguir la web i com es reconeix un contacte que val la pena.
  • El contingut. Qui el redactarà i si ja existeix, encara que sigui en un document.
  • El punt de partida. Si hi ha una web anterior, la feina comença per un inventari del que ja té.
  • Els accessos. On són avui el domini, el correu i els comptes, i a nom de qui.
  • Les connexions. Quins programes han de parlar amb la web: gestió, CRM, pagaments, reserves.
  • Els mercats. En quines llengües i per a quins països es construeix.

Si ja tens web i el que vols és canviar-la de plataforma, de domini o d'allotjament conservant el que ha guanyat, el procés té riscos propis i una pàgina pròpia: migració web sense perdre SEO.

La mesura

La primera visita ja ha de quedar comptada

El que no es mesura durant l'estrena no es pot reconstruir més tard. Per això la mesura es munta mentre es construeix la web, no quan algú demana les primeres dades.

Què és un contacte

Formulari enviat, trucada des del mòbil, missatge, compra o reserva. Es defineix per escrit abans de programar-ne cap, perquè és el que després es comptarà.

Esdeveniments provats

Cada acció que compta es prova a l'entorn de proves i es torna a provar un cop publicada, amb dades reals entrant i no només amb la configuració feta.

Consentiment en ordre

El bàner de galetes i les etiquetes s'han d'entendre entre ells. Si el consentiment falla, l'analítica pot deixar de registrar sense que ningú rebi cap avís.

Search Console des del primer dia

La propietat verificada i el mapa del lloc enviat el dia de l'estrena, a nom del client, per veure com Google descobreix les pàgines des del principi.

Mesurar té una pàgina pròpia, la d'analítica web, on ho detallem tot. En una web nova no és un complement que s'afegeix al final: és part de l'obra.

El mètode

Cinc trams entre la primera trucada i la web publicada

01

Encàrrec

Objectius, públic, abast i qui farà cada cosa. Queda per escrit, amb el que entra i també amb el que no entra.

02

Plànol

Arquitectura, adreces, idiomes, tecnologia i pla de mesura. És el document que després consulten disseny, contingut i programació.

03

Construcció a l'entorn de proves

La web es fa en una adreça privada i no indexable. El client la veu créixer i hi valida el contingut abans que existeixi per a ningú més.

04

Estrena

Es publica quan passa la llista de control de la secció següent, i no abans.

05

Primeres setmanes

Es vigila com Google descobreix les pàgines, si apareixen errors i si les dades entren com s'esperava. Després, la web passa a manteniment web.

Ordre de treball orientatiu, sense dates compromeses: la durada de cada tram depèn de l'abast i de quan arriba el contingut.

Abans d'estrenar

La llista que ha de passar la web abans que la vegi ningú

És la part que menys es veu d'un desenvolupament i la que més problemes evita. Si una línia no passa, la web s'espera.

Indexació

  • S'ha retirat l'ordre de no indexar de l'entorn de proves.
  • El robots.txt no bloqueja cap secció que s'hagi de trobar.
  • Cada pàgina té títol, descripció i URL canònica propis.
  • El mapa del lloc està enviat a Search Console.

Mesura

  • Els contactes es registren a l'analítica amb enviaments de prova.
  • El consentiment de galetes deixa passar el que ha de passar.
  • Les propietats d'Analytics i de Search Console són a nom del client.

Funcionament

  • Els formularis arriben a la bústia que toca.
  • La web es llegeix bé en mòbil i carrega dins del límit fixat.
  • Les còpies de seguretat estan programades.

Si la web nova en substitueix una altra, hi ha una línia més, i és la que més posicionament fa perdre quan s'oblida: les redireccions de totes les adreces antigues. Aquesta part la cobreix el servei de migració web.

Cerca amb IA

Una web que llegeix bé una persona la llegeix bé un assistent d'IA

La guia que Google dedica a les seves funcions d'IA a la Cerca, revisada el 10 de juliol del 2026, diu que aquestes funcions parteixen del rànquing i dels controls de qualitat habituals del cercador, i el marcatge de dades estructurades no és cap requisit per aparèixer-hi. Del que depèn de com es construeix la web, compten tres coses:

Text de veritat, no dins d'imatges

Segons el mateix document, un agent que navega per una web la pot interpretar a partir de captures de pantalla, del codi o de l'arbre d'accessibilitat. Un botó que diu què fa, un camp de formulari etiquetat i el text escrit com a text serveixen igual a una persona que a un agent.

Cap control que et tregui dels fragments

Segons Google, les directives nosnippet, max-snippet i noindex també restringeixen què es pot mostrar d'una pàgina a les funcions amb IA. Es revisa que cap plantilla les porti activades per defecte on no toca.

Els robots, un per un

Els principals assistents separen el robot que cerca del que entrena models, i bloquejar-ne un no és bloquejar l'altre. Què es deixa passar al robots.txt és una decisió de negoci, i es pren conscientment.

Que un assistent d'IA triï una web com a font, no ho controla ningú. A les mans de qui la construeix hi ha no posar-hi obstacles des del primer dia. La part de visibilitat en aquestes respostes la treballem a GEO.

El sistema

El Sistema Daimatics, també quan la web encara no existeix

Daimatics OS és l'ecosistema tecnològic propi que dona suport al model de treball de Daimatics: centralitza i relaciona dades, evidències, analítica, coneixement i processos de diferents disciplines per ampliar la capacitat d'anàlisi, priorització, execució i millora contínua de l'agència. No és una IA que ho fa tot ni un SaaS comercial: és infraestructura pròpia al servei de l'agència.

Dins d'aquest ecosistema, Daimatics estructura un sistema SEO propi amb capes especialitzades que organitzen l'auditoria, el contingut, l'autoritat, el SEO local, les dades, la mesura i la millora contínua. En una web nova, la diferència és d'ordre: tot això entra al plànol mentre es dibuixa, en comptes d'arribar quan la web ja és publicada i cal corregir-la.

AUSE SAGE GELI LISA MÓDULO TRAK
Les persones

Tres persones sobre el mateix plànol

Qui hi ha darrere d'una web nova, i què hi fa cadascú.

David Nogués, fundador i CEO de Daimatics

David Nogués

Fundador i CEO

Sol conduir la primera conversa i pot portar directament els projectes de més dimensió, complexitat o importància estratègica. En una web nova, és qui fixa amb el client què ha de fer abans de decidir com.

LinkedIn
Roberto E. Funes Stephen, SEO sènior de Daimatics

Roberto E. Funes Stephen

SEO Sènior

Revisa des del SEO el plànol de la web —pàgines, adreces i enllaços entre elles— abans que es construeixi, que és quan és més fàcil corregir-lo.

LinkedIn
Leticia E. Tonelli Alva, contingut sènior de Daimatics

Leticia E. Tonelli Alva

Contingut Sènior

S'ocupa del contingut del web: que cada pàgina tingui el text definit abans de maquetar-la, perquè la plantilla s'adapti al que s'ha de dir i no al revés.

LinkedIn
Abans de contractar

Sis preguntes per a qualsevol agència abans de signar

Serveixen per comparar diverses agències de desenvolupament web, la nostra inclosa. Convé tenir-ne les respostes per escrit.

1

De qui seran la web i els comptes quan s'acabi l'encàrrec?

De l'empresa que paga. Si el contracte no ho diu, demana-ho per escrit: d'això depèn poder canviar de proveïdor sense demanar permís.

2

Què inclou el pressupost, i què en queda fora?

La llista del que no hi entra —contingut, formació, manteniment— evita la majoria de sorpreses a mig projecte.

3

Qui farà la feina, i qui serà el teu interlocutor?

Qui ven el projecte i qui l'executa poden ser persones diferents. Pregunta amb qui parlaràs quan alguna cosa no surti com estava previst.

4

On es construeix, i quan la podràs veure?

En una adreça privada de proves, el contingut i el funcionament es validen abans de l'estrena, no quan la web ja és pública.

5

Com es comprovarà que Google la troba i que la mesura funciona?

Si la resposta és «quan estigui publicada», les primeres setmanes de dades es perden.

6

Què passa el dia que vulguis canviar d'equip?

Has de saber quins accessos et queden, quina documentació s'entrega i amb quina antelació pots plegar. A Daimatics no hi ha permanència: n'hi ha prou avisant uns quinze dies abans, i la web i els comptes ja són teus.

Si compares sobretot la proposta visual, comença per disseny web. Si la web nova n'ha de substituir una altra, afegeix-hi les preguntes de la migració web.

L'encaix

Quan aquesta és la pàgina bona i quan n'hi ha una altra

Hi encaixa

  • Comences una web o una botiga des de zero.
  • El projecte nou és tan diferent de l'actual que es planteja com una obra nova.
  • Vols que la mesura i la indexació estiguin resoltes el dia de l'estrena.
  • Prefereixes triar la tecnologia amb criteri abans que per costum.
  • Necessites funcions que cap plataforma resol tal com ve i cal programar-les a mida.
  • El projecte necessita també una app mòbil, a més de la web.

Et convé una altra pàgina

Si no saps en quina de les dues llistes ets, és una bona primera pregunta per a la trucada.

Preguntes

El que es pregunta abans d'encarregar una web nova

Respostes útils també si acabes triant una altra agència.

Reserva una trucada amb un sènior
En què es diferencia el disseny web del desenvolupament web?

El disseny decideix com es veu la web i com s'entén: composició, jerarquia, colors i recorregut. El desenvolupament la construeix perquè funcioni: estructura d'adreces, plataforma, velocitat, seguretat, formularis, mesura i indexació. En un projecte real van junts, però responen preguntes diferents i sovint les porten persones diferents. La confusió surt cara quan el pressupost només parla del primer i el segon es dona per descomptat. Abans de signar, val la pena demanar que totes dues parts constin per escrit.

Com es tria una agència de desenvolupament web?

Més per com pregunta que per la cartera que ensenya. Una bona agència vol saber què ha de fer la web, qui l'editarà, amb què s'ha de connectar i en quines llengües abans de proposar cap tecnologia. Després, demana per escrit tres coses: que la web i els comptes quedaran a nom teu; què inclou el pressupost i què no; i qui farà la feina. Si no t'expliquen com plegar, busca'n una altra.

Quan convé una web feta a mida en lloc d'una plataforma com WordPress o Shopify?

Quan el que ha de fer la web no hi cap sense forçar-la: un procés de compra poc habitual, càlculs propis o una àrea privada que depèn del programa de gestió. Si una plataforma ho resol amb extensions mantingudes, sol sortir més a compte, perquè les actualitzacions no depenen només de qui la va programar. Entre els dos extrems hi ha el camí més freqüent: una plataforma coneguda amb peces a mida on fa falta. Abans de decidir, pregunta qui mantindrà aquest codi i on quedarà documentat.

Quin llenguatge o framework de programació és millor per al SEO?

Cap, per si sol. El que compta és que el contingut important arribi dins de l'HTML que rep el cercador i no depengui d'un script per aparèixer. La guia de Google sobre JavaScript explica que el processa en tres fases —rastreig, renderitzat i indexació— i recorda que renderitzar al servidor o per endavant continua sent bona idea, perquè hi ha robots que no executen JavaScript. Amb aquesta condició complerta, la tria depèn més de qui mantindrà la web que del posicionament.

Quant costa contractar una agència de desenvolupament web?

Sense conèixer l'abast, qualsevol xifra és orientativa, i per això dues propostes per a una mateixa web poden semblar de projectes diferents: sovint ho són. El preu el mouen el nombre de plantilles, les integracions amb altres programes, els idiomes, qui aporta el contingut, quanta part s'ha de programar a mida i si cal redirigir les adreces d'una web anterior. Per comparar, demana la llista del que inclou cada proposta i del que en queda fora. A Daimatics, abans de proposar res es revisen el negoci, la web que hi hagi i les dades.

És millor fer una web nova o arreglar la que ja tinc?

Depèn de què falla. Si la web s'entén, es troba i converteix, però es veu antiga, sol n'hi ha prou amb un canvi de disseny. Si va lenta o es trenca a cada actualització, primer cal saber per què: pot ser un problema de manteniment, no de construcció. Té sentit fer-la de nou quan el que no serveix són els fonaments: la plataforma, l'estructura o els idiomes. I si es fa, la web antiga no es llença: es migra, amb les redireccions de totes les adreces que ja reben visites.

Què s'ha de comprovar abans de publicar una web nova perquè Google la trobi?

Com a mínim, cinc coses. Que s'hagi retirat l'ordre de no indexar que sol portar l'entorn de proves. Que el robots.txt no bloquegi seccions que s'han de trobar. Que cada pàgina tingui títol i URL canònica propis. Que el mapa del lloc estigui enviat a Search Console, en una propietat a nom teu. I, si la web en substitueix una altra, que totes les adreces antigues redirigeixin a la nova equivalent. L'última és la que més posicionament fa perdre quan s'oblida.

Cal que l'agència de desenvolupament web sigui de la meva ciutat?

No és imprescindible. Una web es pot construir en remot de principi a fi: les validacions es fan per trucada o reunió en línia. El que compta és parlar amb qui porta el projecte, en el teu idioma. Daimatics presta el servei en remot a qualsevol lloc, atén en castellà i en català, i quan cal es desplaça a Dosrius per mantenir reunions presencials amb empreses de Barcelona i la seva àrea metropolitana.

El següent pas

Parlem del plànol abans de parlar de la maqueta

Ens expliques el negoci, què ha de fer la web i qui la farà servir. Quan el projecte encaixa, en surt una proposta per escrit amb l'abast i les condicions; quan no, t'expliquem quin altre camí hi veiem i per què.

  • Què ha de fer la web
  • Qui l'editarà
  • Amb què s'ha de connectar
  • En quines llengües
  • Què tens avui
  • Si t'encaixem o encara no
Reserva una trucada amb un sènior