david-herrero / ikigai
Una web que no et dona feina.
Ikigai és la forma en què construeixo webs professionals que pots mantenir sense por i que no es van desmuntant amb cada canvi. I comença abans del disseny: t'ajudo a entendre què ha de dir la teva web, i després la construeixo perquè ho digui bé.
Per què Ikigai i no qualsevol altre nom?
Perquè abans de dissenyar, busco l'ikigai del teu projecte.
En japonès, ikigai (生き甲斐) significa alguna cosa així com «raó de ser»: allò pel que val la pena llevar-se al matí. En la seva lectura més popular, és el punt on es creuen quatre coses: el que estimes, el que se't dona bé, el que el món necessita i pel que et poden pagar.
Amb la teva web faig exactament això: no trio una plantilla i l'omplo, sinó que busco el creuament abans de dibuixar una sola pantalla.
On es creuen aquestes quatre respostes hi ha el missatge que la web ha de dir. Això és l'ikigai del teu projecte, i tot el que ve després (arquitectura, continguts, disseny, WordPress) surt d'aquí.
Per què existeix Ikigai
Perquè una web no hauria de convertir-se en una altra feina.
Després de més de 40 anys desenvolupant software, he vist el mateix problema moltes vegades: una web comença semblant senzilla i acaba demanant atenció cada vegada que algú vol canviar alguna cosa.
La plantilla que es queda curta
Pot ser una decisió estupenda si només necessites ser a internet. Però quan el teu negoci necessita explicar alguna cosa pròpia, comencen els nyaps.
L'editor que ho deixa tot lliure
Al principi sembla fantàstic poder moure-ho tot. Després, cada canvi de tipografia, color o marge deixa una petita cicatriu.
La web plena de pegats
Funciona, sí, però cada millora se suma a l'anterior fins que ningú sap gaire bé què es pot tocar sense trencar una altra cosa.
Per això Ikigai tracta el disseny com un sistema. Les regles importants estan decidides abans, no amagades en cent racons diferents. Canviar el color de la teva marca hauria de ser un ajust, no una operació a cor obert.
Abans de fer la web · Sessió de claredat web
Abans de dissenyar la teva web, posem ordre.
Una web pot ser ràpida, accessible i visualment impecable i tot i així no explicar bé per què algú hauria de triar-te. Per això abans d'obrir Figma, o de tocar WordPress, parlem: què fas, a qui et dirigeixes, què vols destacar, quines parts de la teva història importen i què vols que faci algú quan arribi a la teva web.
No és coaching ni teràpia. És ordenar el que vols comunicar per convertir-ho en una web clara, coherent i orientada a un objectiu.
«Faig moltes coses i no sé com posar-les»
Quan hi ha diverses línies de negoci, serveis que se solapen i una Home que no saps per on començar, no convé començar pel disseny.
«La meva web actual ja no em representa»
Si tot el que fas sembla important i res destaca, el problema no és la plantilla: és que falta jerarquia.
«Vull explicar la meva història sense fer un currículum»
La biografia ha d'explicar com es va construir la teva manera de treballar, no només demostrar anys d'experiència.
Surts de la sessió amb claredat (què vols dir), jerarquia (què ha de destacar), arquitectura (quines pàgines necessites), narrativa (com explicar la teva història), conversió (quina acció demanes) i direcció (què no cal afegir).
"Tu canvies el contingut. El sistema s’ocupa del disseny."
"No necessites aprendre a ser webmaster per tenir una bona web."
"Tot l’avorrit, al meu compte."
Què reps
Una web que pots fer servir sense demanar permís.
Podria parlar-te de mòduls, WebP, cau i un munt de paraulotes. Però segurament el que vols saber és si la web funcionarà, si podràs canviar les coses sense trencar-la i si hi haurà algú que se n'ocupi. Això sí que t'ho puc explicar.
El mètode Ikigai
No dissenyo al voltant del que tens. Sinó del que el visitant necessita entendre.
El disseny ha de fer visible l'estratègia, no substituir-la. Per això l'ordre és sempre: què dir → què ensenyar → què ordenar → què dissenyar → què construir.
Descobrir
Què fas, a qui, quin problema resols i on vols ser en 3–5 anys.
Separar i trobar el fil
Classifico cada element, producte, servei, eina, actiu, afició, i busco què tenen en comú.
Jerarquia
Tronc, branques, eines, actius i proves. No tot pot ser plat principal.
Història i missatge
Cada etapa respon a què va passar, què vaig aprendre i què va canviar en la meva manera de treballar. D’aquí surt una frase: ajudo [persona] a [resultat] mitjançant [forma diferencial].
Home i arquitectura
La Home respon a qui ets, què fas, per a qui, què et diferencia i què puc fer aquí. Una pàgina existeix només si té una raó: objectiu, audiència, missatge, prova i CTA.
Disseny i WordPress
Només llavors: layout, imatges, tipografia, components i pas a WordPress. Així no cal desmuntar després el ja construït.
Webs construïdes amb Ikigai
Cadascuna té el seu món. Cap va començar amb una plantilla.
trimendes.cat
Trimendes
Trio vocal harmònic (swing, jazz, vintage). Una web a l'altura del que fan sobre l'escenari: espectacles, agenda, galeria, vídeo, qui són i dossier de premsa per a programadors.
swingmaresme.com
SwingMaresme
Escola de ball a Mataró i el Maresme. Una web de gestió real: cursos regulars i intensius, horaris, professors, FAQ, testimonis i reserves.
david-herrero.com
Aquesta mateixa web
Marca personal amb tres línies de treball, acompanyament, formació i sistemes, unides al voltant d'una sola mirada: veure el patró darrere del símptoma i acompanyar el procés.
El que tenen en comú les tres: un disseny fidel al seu món, una estructura que es pot mantenir i persones que poden actualitzar els seus continguts sense convertir-se en tècnics de suport de si mateixes.
Com contractar-ho
Estratègia abans del disseny, en el format que necessitis.
Inclosa a la teva web
La fase de claredat forma part de totes les webs professionals Ikigai. Sense cost separat.
Fase independent
Sessió + document breu de 3–10 pàgines (objectiu, públic, missatge, pilars, arquitectura, Home, CTAs, to) amb una ronda de revisió. Si seguim amb la web, es descompta parcialment.
Només la claredat
Si no necessites desenvolupament, t'emportes l'arquitectura validada i la pots construir on vulguis.
Abast tancat perquè no es converteixi en consultoria infinita: una conversa estructurada, una síntesi, una revisió i un tancament. I amb límits clars: no és teràpia, ni coaching personal, ni branding complet, ni pla de màrqueting anual. Si detecto que en necessites algun, t'ho dic, però no el substitueixo.
Preus orientatius: Web Professional 800 €, Professional+ 1.200–1.500 € segons abast, manteniment 300 €/any amb hosting, domini i 2 h/mes de canvis. Els terminis es confirmen per projecte. Detall i procés pas a pas a Sistemes.
Vols una web que et tregui feina?
Explica'm què tens ara, què necessites i veiem si Ikigai té sentit per a tu.
Preguntes freqüents
Abans de començar
Ikigai és una plantilla?
No. És un mètode de treball: cada web parteix d'un disseny propi i únic. No hi ha dues webs Ikigai iguals.
Cal saber programar per editar la meva web?
No. Pots canviar textos, imatges, vídeos i enllaços des d'un panell senzill. No necessites saber quina versió de PHP tens ni fer un curs de WordPress per gestionar la teva web. La part tècnica queda resolta.
Puc trencar el disseny si toco alguna cosa?
La idea és que no. L'estructura i l'estil viuen al sistema, així que pots editar el contingut sense convertir cada canvi en una operació de cirurgia estètica.
Puc tenir la web en diversos idiomes?
Sí: l'estructura està preparada per afegir idiomes quan ho necessitis.
La sessió de claredat és coaching?
No. No busco el teu propòsit vital ni faig teràpia: ordeno el que vols comunicar perquè la web no hagi d'inventar-se un missatge que tu encara no tens clar.
Què m'emporto exactament?
Un document breu amb objectiu, públic, missatge, pilars, mapa de pàgines, jerarquia, CTAs, to, el que sobra, el que falta i l'estructura de la Home. El suficient per construir, sense un totxo de 50 pàgines.
I si després faig la web en un altre lloc?
Pots contractar només la fase de claredat i emportar-te l'arquitectura validada on vulguis. El treball estratègic es paga per si mateix.
Vols saber quant costa i com treballo pas a pas?
Tota aquesta informació, preus, manteniment, i el procés complet, viu a Sistemes.