Kort version. Färger, avstånd och typsnitt är antingen inskrivna på varje enskild sida, eller definierade på ett ställe som alla sidor hämtar från. Ser likadant ut dag ett. Skillnaden märks första gången du vill ändra något, och då är den enorm.
Ett halvår efter lansering hör de flesta av sig med ungefär samma sak.
Knappen syns inte tillräckligt. Rubrikerna är för stora på mobilen. Vi har bytt logotyp och den nya är mer blå än grön. Kan du fixa?
Det är alltid en liten ändring. Vad den kostar beror helt på ett beslut som togs innan den första sidan byggdes, och som ingen visade dig.
De två sätten
Sätt ett: varje sida får sin egen färg inskriven. Knappen på startsidan är den där röda. Knappen på kontaktsidan är också den där röda, för någon skrev in samma färgkod igen. Och knappen i sidfoten. Och de fyra på tjänstesidan.
Det går fort att bygga. Det ser likadant ut.
Ska färgen sedan ändras är det inte en ändring, det är trettio. Och trettio ändringar innebär att någon måste hitta alla trettio. Missas två sitter det kvar två knappar i den gamla färgen på sidor ingen tittar på så ofta, tills en kund påpekar det.
Sätt två: färgen definieras på ett enda ställe, och varje knapp på hela sajten hämtar därifrån. Ingen sida vet vilken färg den har. Den vet bara att den använder ”knappfärgen”.
Ska färgen ändras ändras den på ett ställe, och sedan är den ändrad överallt. Också på sidorna ingen kom ihåg.
Vad det innebär för dig
Skillnaden mellan de två sätten är skillnaden mellan att underhålla en sajt och att varje gång behöva återupptäcka den.
Med sätt ett blir varje liten ändring ett litet utredningsuppdrag. Var står det här värdet? Står det på fler ställen? Vilka sidor påverkas? Den tiden betalar du för, och du betalar för den varje gång.
Med sätt två blir ”gör knapparna lite mörkare” precis vad det låter som. En ändring, fem minuter, klart.
Det är också därför en sajt byggd på sätt ett långsamt glider isär. Inte för att någon slarvar, utan för att det är omöjligt att hålla trettio ställen synkade i flera år. Efter tre år finns det fyra nyanser av företagsfärgen på sajten och ingen vet vilken som är den rätta.
Hur jag gör
På varje sajt jag bygger äger ett enda system alla designvärden. Färgerna, avstånden mellan saker, typsnittsstorlekarna, hur runda hörnen är. På referensbygget är det 372 sådana värden, och de kommer alla från samma källa.
Sidbyggarens eget parallella system, som skulle kunna innehålla en andra uppsättning färger, står medvetet tomt. Det är inte glömt. Det är tomt för att det bara får finnas en sanning, annars är vi tillbaka på sätt ett fast med extra steg.
Det låter som en detalj. Det är i praktiken det enskilt största som avgör vad sajten kostar att äga.
Bonusen: hela sajten kan byta utseende på en eftermiddag
När allt hämtar från ett ställe kan man ändra på det stället.
Vill du testa hur sajten ser ut med en mörkare grundfärg inför hösten? Det är en ändring, inte en ombyggnad. Vill du se ett förslag med större brödtext för att era kunder är över sextio? Samma sak.
Det är först när det går snabbt att prova som någon faktiskt provar. Det är därför sajter byggda så här blir bättre över tid, medan sajter byggda på det andra sättet fryser i det skick de hade på lanseringsdagen.
Frågan du kan ställa
”Om jag vill ändra företagsfärgen om ett år, hur många ställen behöver ni röra?”
Svaret ska vara ett. Är svaret ”det beror på” eller ”vi får titta”, då vet du vilket av de två sätten du får.
Nästa: Två signaturer räcker, om varför designen inte ska växa ju fler sidor som byggs. Undrar du hur din nuvarande sajt är byggd får du gärna höra av dig.
Exemplen kommer från Yèshì, en fiktiv demorestaurang byggd som referensprojekt just för att jag ska kunna visa arbetssättet öppet. Riktiga kunduppdrag finns under Arbeten.
Johan Beijer, Hemsideproffset
Demosajterna är medvetet inte indexerade i sökmotorer — de är ett bevis att klicka på, inte en sökdestination.
← Tillbaka till Så bygger jag