Disseny de pàgines web i botigues en línia

Botigues en línia, webs corporatius i pàgines d’aterratge optimitzades per convertir.

Shopify, Next.js o WordPress segons el cas. Dades estructurades, Core Web Vitals en verd i analítica des del primer dia. Amb l’avís legal, la política de privacitat i el consentiment de galetes que exigeix la norma espanyola, no enganxats al final.

Per a qui és

  • Marques amb una botiga en línia existent per millorar
  • Consultores que necessiten un web corporatiu
  • Startups amb una pàgina d’aterratge de captació

Per què acaba fent falta

Gairebé cap web falla pel disseny. Falla pel que no es veu: triga quatre segons a obrir-se des d’un mòbil amb cobertura regular, el catàleg no porta dades estructurades i Google no entén què vens, el formulari demana el consentiment on no toca, i l’analítica compta visites però no distingeix una visita d’una venda.

El símptoma amb què sol arribar la gent és un altre: «la web està bé però no entra res». I és cert que està bé, en el sentit que es veu bé. El que passa és que es va fer una vegada, es va donar per acabada, i des de llavors ningú no ha mirat si la troben, si carrega o si el visitant arriba fins al final del formulari.

Per això el primer que es decideix no és com serà, sinó què ha d’aconseguir. Si és vendre, la feina se’n va a la fitxa de producte i al procés de compra, que és on cau la gent. Si és captar, a la pàgina d’aterratge i al formulari. Si és donar confiança a qui ja et coneix, a la velocitat i al que es llegeix als primers deu segons.

Què entrego

  • Disseny d’interfície — Maquetació a Figma amb sistema de components.
  • Desenvolupament frontend — Next.js 14 o Shopify Hydrogen amb SSR/ISR.
  • SEO tècnic — Schema.org, mapa del lloc, robots.txt i optimització de Core Web Vitals.
  • Analítica — GA4, Plausible o Matomo, amb els esdeveniments clau.
  • Gestor de continguts — Sanity, Contentful o integració amb WordPress.
  • Textos legals i formularis — Avís legal, privacitat i consentiment conformes a la llei de protecció de dades que t’aplica, des del primer dia.

Què inclou

  • Disseny a mida, no plantilla
  • Desenvolupament adaptatiu i accessible
  • SEO tècnic de base
  • Formació perquè el mantinguis tu

El que es decideix abans d’escriure una línia

  • Shopify, Next.js o WordPress — No es tria per gust: es tria per qui mantindrà la web i per la mida del catàleg. Una botiga amb milers de referències i un equip sense perfil tècnic va millor amb Shopify. Un lloc corporatiu que ha de posicionar i carregar ràpid, amb Next.js. WordPress quan ja hi és muntat, hi ha contingut per conservar i refer-ho no compensa.
  • On es pinta la pàgina — Una aplicació que es munta sencera al navegador és còmoda de programar i li posa difícil la feina a un cercador. Amb renderitzat al servidor —SSR o ISR— l’HTML arriba fet, amb el títol, la descripció i el contingut a dins. És la diferència entre que Google llegeixi la teva pàgina o hagi d’executar-la per veure-la.
  • Headless o tot junt — Separar el gestor de continguts del lloc dona llibertat i afegeix una peça més per mantenir. Compensa quan hi ha diversos canals —web, aplicació, pantalles— o un equip editorial que publica cada dia. Per a vuit pàgines corporatives, no.
  • Què es mesura i amb què — L’eina d’analítica decideix si necessites bàner de galetes o no. Amb Plausible o Matomo allotjat per tu no s’instal·len galetes de tercers i la web pot funcionar sense demanar permís; amb GA4, sí que cal demanar-lo i cal respectar la resposta. És una decisió de producte, no un detall tècnic del final.

El que no hi entra

  • La redacció dels textos comercials: això és el servei de propostes i copy.
  • Fotografia i vídeo de producte.
  • Campanyes de pagament ni gestió d’anuncis.
  • Migrar un catàleg des d’un sistema que no permeti exportar-lo.
  • El manteniment mensual posterior, que es contracta a part.

El que necessites tenir

  • Accés al domini i al seu DNS, o a qui el tingui.
  • Els textos i les imatges, o la decisió d’encarregar-los per separat.
  • Una persona que pugui decidir i donar per bo cada lliurament.
  • Si hi ha botiga: el catàleg en un format exportable i la passarel·la de pagament ja contractada.

Preguntes freqüents

WordPress, Shopify o a mida?

Depèn del cas, i es decideix abans de dissenyar: una botiga amb catàleg gran no es porta igual que un lloc corporatiu de vuit pàgines. El que no faig és començar per l'eina.

Carregarà de pressa?

Es lliura amb les Core Web Vitals en verd i amb dades estructurades. És part de l'abast, no una millora posterior.

Puc canviar jo els textos?

Sí. Es lliura amb el gestor de continguts i amb les instruccions per canviar textos i imatges sense dependre de nosaltres.

Quant triga?

El disseny i la fase de descoberta ocupen dues setmanes, i a partir d’aquí es lliura per parts cada setmana. El total depèn del nombre de plantilles i del catàleg, i queda tancat al pressupost abans de començar.

Ja tinc web. La refeu o l’arregleu?

Depèn del que hi hagi. Si el problema és velocitat, dades estructurades o el procés de compra, s’arregla el que falla i surt molt més barat: això és la revisió de la teva web. Si la base no aguanta el que necessites, refer-la costa menys que anar posant pedaços.

Perdré el posicionament que ja tinc?

No, si es planifica. Les adreces antigues es redirigeixen una a una a la seva equivalent nova, i les que no en tenen es decideixen abans de publicar. El que fa perdre posicions no és canviar de web, és canviar-la deixant centenars d’adreces mortes.