Screenshot EstrellaWeb

Ik liep al een maand of wat met het idee dat ik qua uiterlijk wat dingen anders wilde op mijn blog. Het logo zat me niet meer echt lekker. De ‘upgrade‘ van mei dit jaar, voelde achteraf ook meer als lapmiddel en ik wilde ook wel eens een andere achtergrond.

De tijd dat ik verzot was op sterrenprints ligt wel een beetje achter me inmiddels en het logo reflecteerde ook niet echt meer de persoon die ik nu ben. Mensen veranderen nu eenmaal, hun smaak en stijl dus ook en daarom vind ik het belangrijk dat mijn website ook ‘mee beweegt’ in dat proces.

Pastel met pit

Ik begon met die achtergrond, een kwestie van veel experimenteren en uitproberen, totdat ik een selectie van vier afbeeldingen had die ik mooi vond. Na lang dubben en vergelijken, is het geworden wat je nu ziet: een kleurverloop met poedderroze en lavendelpaars met een zweem denimblauw. Dit kleurenpalet vind ik écht heel mooi!

Het is nog altijd vrij ‘zoet’ en je moet ervan houden, maar het gaat in de eerste plaats om wat ik zelf mooi vind en dit past bij mij. Desondanks heeft de huidige achtergrond wel meer pit, omdat er meer kleur in zit en ook omdat het wat warmer en donkerder is dan de oude versie. De achtergrond heb ik overigens met AI gemaakt.

Code op orde

Stap twee was om met name mijn CSS-code beter te organiseren. Door het bouwen van de website voor Sven, had ik gemerkt dat het een stuk gemakkelijker is om alle code vanuit één locatie aan te sturen en dat wilde ik ook op mijn eigen site. Zeker met een ‘verbouwing’ in het vooruitzicht, leek me dat een stuk efficiënter.

Nadeel is wel dat bepaalde onderdelen opeens anders werkten. CSS is een heel dynamische codeertaal: met één regel code kun je site-wide dingen aanpassen, alleen kan het dan ook weleens gebeuren dat je iets aanpast op locatie A waardoor er op locatie Z onbedoeld ook iets verandert.

Zelfs een week later kom ik hier en daar nog wat ‘foutjes’ tegen, waarvan ik dan uit moet zien te vinden waar het probleem zit. Soms ben ik uren bezig op één dingetje, soms is het in ’n minuut gefixt. Dat is ook de uitdaging van werken met CSS die ik zo leuk vind! Er wordt een flink beroep gedaan op je logisch denkvermogen.

De kleine lettertjes

Lettertypes, daar moest ook iets mee, net name het font wat ik gebruikte voor de kopteksten. Grappig hoe je iets lange tijd mooi kunt vinden (ik had het tenslotte ooit zelf gekozen, nietwaar?) maar het je na verloop van tijd echt tegen kan gaan staan.

Een lange zoektocht verder, eindigde ik bij het lettertype wat je nu voor kopteksten ziet. Voorheen gebruikte ik twee verschillende, nu slechts één die ’t ook erg leuk doet in ‘uppercase’ (hoofdletters). Ik houd altijd als regel aan dat ik maximaal 3 lettertypes gebruik op een website, waarvan één voor de leestekst is.

Tricolore

Met een nieuwe achtergrond en een nieuw lettertype, kon de rest van de huisstijl (kleuren) ook wel een opfrissertje gebruiken. Eigenlijk was álles qua kleur roze op de oude versie van EstrellaWeb. Op hier en daar wat grijs na en natuurlijk wit. Toch heb ik het ook heel lang mooi gevonden zo.

Ik koos voor drie kleuren die ook in de achtergrond terugkomen en bij de paarse en roze kleur nog een donkere en lichte variant van dezelfde tint. Gewaagd, want ik hou er niet van als het een bonte kermis wordt en het gebruik van meer dan twee kleuren vind ik al gauw te veel. Toch werkt het prima. Bepaalde kleuren hebben een iets hogere prioriteit dan andere en ik vind het een mooie balans zo.

Mobiel

Ook de mobiele pagina moest natuurlijk aangepast worden. En dat ging dit keer verder dan simpelweg een achtergrondje vervangen en wat andere lettertypes. Ik heb het menu compleet verbouwd en nog een lijstje aan aanpassingen doorgevoerd die het geheel net iets frisser doen ogen. Aangezien de meeste bezoekers via hun telefoon mijn website bezoeken, moet dat er ook wel een beetje leuk en goed uitzien!

Templates, templates, templates

Terwijl de allergrootste klus nog geduldig op me wachtte (een nieuw logo), hield ik me intussen bezig met verbouwen van de nodige templates. Denk aan het sjabloon voor de nieuwsbrief, e-mail templates, nieuwe kleuren doorvoeren in losse stukjes code die bij sommige plug-ins horen, de lijst was lang en elke keer kwam ik weer iets tegen waarvan ik dacht: o ja dat heb ik ook nog! Mijn blog is in ruim 20 jaar best een grote website met heel veel content en onderdelen geworden.

Last but not… logo!

Omdat ik er niet van houd om dingen te lang op z’n beloop te laten, uiteindelijk toch maar achter de iPad gekropen voor een nieuw logo. Ik had een paar weken geleden een beginnetje gemaakt en daar ging ik nu mee verder. Helaas bleek ik die na een eerste ‘live test’ écht niet mooi te vinden, dus die kon gevoegelijk de prullenbak in.

Kon ik dus weer helemaal opnieuw beginnen! Ondanks dat ik een hekel heb aan het ontwerpen van logo’s, zat ik nog dusdanig in een creatieve flow, dat ik toch wel weer inspiratie had voor iets nieuws. Gelukkig lukte de 2.0 versie een stuk beter en na hier en daar wat aanpassingen, kan ik toch wel zeggen dat ik erg content ben over het logo wat nu bovenaan EstrellaWeb prijkt!

Het is dus echt héél anders dan het oude logo, een stuk compacter met meer balans (iets wat ik bij het oude logo altijd wat miste), nog altijd vrouwelijk en een tikje speels met een snufje retro vibes. Maar niet meer dat heel krullerige en een stukje stoerder. Het logo is overigens géén lettertype, maar heb ik met de hand getekend op de iPad.

Puntjes op de i

Natuurlijk kan een perfectionist niet zomaar zeggen dat iets ‘klaar’ is. Ik zeg dan ook niet zo snel dat iets af is, zo’n proces heeft een vrij lange remweg bij mij en meestal kun je er wel de klok op gelijk zetten dat ik toch nog flink aan de slag ga in de dagen nadat ik een project heb ‘afgerond’. Dat was hier niet anders.

Hier en daar nog wat puntjes op de i, correcties in code, enkele grappige elementjes zoals een kleurverloopje wanneer je over een link zweeft, frissere (en grotere) social media-iconen (ook met hover effect). Dat soort ‘gimmicks’ vind ik echt heel erg leuk, maar zijn alsnog subtiel en maken het geheel niet te druk.

Verder heb ik ook de fotogalerij onder handen genomen. Er zijn wat oude foto’s uit en weer nieuwe erin en ik heb hier en daar ook beschrijvingen van foto’s toegevoegd waar ik dat nodig vond. De foto en art pagina’s hebben nu ook een omslagfoto.

Tot slot paste ik enkele kleinigheidjes aan waar ik me al jaren aan ergerde, maar nooit de moeite nam om er iets aan te doen. Nu ook nét wat mooier ingesteld op het uiterlijk van de website. Opeens moet alles dan helemaal perfect zijn. Alle code strak, website strak, kleuren strak, logo strak, alles strak! Ik hou ervan!

Wat vind jij van EstrellaWeb nieuwe stijl én van het nieuwe logo?