Case · Website · Redesign
30 Day Habit.
Een blog over 30-dagenexperimenten, gered van een verlopen Squarespace-site en opnieuw ontworpen als tijdschrift en logboek. Eerlijk over wat lukte, en over wat mislukte.
De uitdaging
Een verlopen site met drie nieuwe taken.
Het Squarespace-abonnement was verlopen en de export werkte niet meer. De teksten waren alleen nog bereikbaar in de editor. Tegelijk moest de site drie dingen doen: schrijfwerk laten zien in sollicitaties, het thuis zijn van een nieuwsbrief, en dienen als project voor een UX-opleiding.
Laat in één seconde zien wie je bent, en wees eerlijk over wat mislukte.
Audit
Wat er misging op de oude site.
- "(Copy)" in het logoEen restje van een gekopieerd sjabloon, zichtbaar bovenaan elke pagina.
- Inloggen en een winkelwagenOp een blog zonder winkel. Ruis die vragen oproept.
- Gecentreerde lange tekstenLastig te lezen bij verhalen van 1.500 woorden.
- Vier bijna gelijke kaarten per seriePart I tot IV als losse blokken, zonder te laten zien dat ze bij elkaar horen.
Ontwerpproces
Eerst te veilig, dan drie richtingen.
De eerste versie verbeterde de oude site, maar voelde nog als een sjabloon: het citaat schreeuwde en de pagina las als losse blokken. Daarom drie richtingen naast elkaar, met de echte foto's: een tijdschriftcover, een logboek op ruitjespapier en een felle grafische variant.
Ontwerpbeslissingen
Elke keuze met een reden.
De homepage als tijdschriftcover
Een grote titel over een paginabrede foto, met de inhoud als "coverregels".
WaaromJe ziet in één seconde wie het schrijft en wat erin staat. Daaronder begint het logboek.
Dertig streepjes per experiment
Elk experiment laat zijn 30 dagen zien: gevuld is klaar, doorgestreept is mislukt, licht is gepland.
WaaromEerlijkheid over mislukken zit in de hoofdnavigatie, niet in een voetnoot. Het is ook het herkenbare beeld van de site.
Een live experiment dat zichzelf bijwerkt
Het lopende experiment telt elke dag een dag verder, zonder dat er iets opnieuw gebouwd hoeft te worden.
WaaromDe homepage verandert dagelijks. Dat geeft lezers een reden om terug te komen, en de nieuwsbrief een doorlopend verhaal.
Eén pagina per verhaal, met een eigen adres
Geen dynamische pagina, maar een vaste pagina met een schone link en een eigen voorvertoning.
WaaromDie link gaat in sollicitaties. Hij moet er goed uitzien als iemand hem deelt op LinkedIn of in een mail.
Resultaat
Tijdschrift boven, logboek eronder.
De cover vertelt wie je bent. Daaronder lees je als in een notitieboek: experimenten met hun streepjes, verhalen met rustige, linkse tekst en een duidelijke volgorde van deel I tot IV.
AI in mijn proces
Mijn woorden, slim verwerkt.
Eén harde regel: de AI verzint geen inhoud. Alle teksten zijn van mij. De automatisering zit in alles eromheen.
- Stap 1
Gered
Acht verhalen letterlijk uit de editor gehaald, zonder overtypen.
- Stap 2
Stijlgids
Een gids op basis van mijn eigen teksten, zodat elke aanpassing klinkt als ik.
- Stap 3
Bouwscript
Een script maakt van elke tekst automatisch een pagina met voorvertoning.
- Stap 4
Live
Online via Netlify, op het eigen domein.
Originele teksten blijven ongewijzigd bewaard. Bewerkingen staan apart en gaan alleen online met mijn akkoord.
Uitkomst
Wat er nu staat.
- Een live site op 30day-habit.com, zonder abonnementskosten
- Een eigen beeldtaal: de cover, het logboek en de streepjes
- Een systeem voor nieuwsbrief, Instagram en site vanuit één tekst per week
- Een gedocumenteerd ontwerpproces voor de UX-opleiding
Wat onderhoud hier nog doet
De filmstrip met foto's op de homepage is zwaar voor mobiele data, dus kleinere versies van die foto's staan als eerste op de lijst. Daarna een privacyvriendelijke teller, zodat zichtbaar wordt hoeveel mensen er lezen. Precies het soort kleine verbeteringen dat in elk onderhoudspakket zit.
Contact
Ook uw verhaal online?
Laten we praten.
Een kennismaking duurt een kwartier en is vrijblijvend. Bellen mag ook: 06 46 28 62 00.
hallo@studiorttr.nl