GuySie.nl redesign

Ik moest al eeuwen GuySie.nl eens redesignen. Ik had ooit een splitsing gemaakt tussen Style over Substance, m’n persoonlijke site, en GuySie.nl, m’n professionele site. Maar ik wist eigenlijk niet zo goed wat ik op mijn professionele site moest zetten – portfolio, CV, dat soort dingen zijn logisch. Maar zoveel portfolio maak je niet als geen grafische vormgeving ofzo studeert. Uiteindelijk ging de site dus dood door gebrek aan content.
Dode sites online laten staan is rampzalig voor je online reputatie, dus de site moest eruit. Als ik er geen content voor kon bedenken dan werd het een site zonder content: alleen links naar de overige sites waar ik op actief ben – Flickr, deze blog, LinkedIn, etc. Maar ik kon het wel op een leuke manier proberen te presenteren…

Oud design (Aangepast en vertaald Skimmed Milk theme):

Nieuw design (Wordcloud):

Ik dacht dat een wordcloud een leuke en simpele manier zou zijn om de site te vervangen. Een aangepast bestand in Wordle gooien, wat spelen met de kleuren en layout en het resultaat in Fireworks tot een image map omzetten. Half uurtje werk. Het enige wat nu nog mist is dat de woorden niet van kleur veranderen om aan te geven dat je met je muis erboven zit. Ik was vergeten dat dat niet kan als de woorden zo dicht op elkaar overlappen. Komt in een volgende revisie wel, dan maak ik de cloud handmatig in plaats van via Wordle.

Leuk detail: hij blijft altijd in het midden, ongeacht hoe groot je browser/scherm is. Simpele hack via anderman’s code, maar blijf het een mooi effect vinden…

4 thoughts on “GuySie.nl redesign”

  1. Hee, dat idee om Wordle daarvoor te gebruiken had ik ook :) Maar het is nog niet in de praktijk gebracht..
    Je uitvoering is nice!

  2. “Het enige wat nu nog mist is dat de woorden niet van kleur veranderen om aan te geven dat je met je muis erboven zit. Ik was vergeten dat dat niet kan als de woorden zo dicht op elkaar overlappen.”

    Je bedoelt grootte in plaats van kleur hoop ik? ;)

    Maar ziet er mooi uit hoor, is er ergens een gallery van handige/coole web 2.0 dingen zoals Worlde?

    Totaal iets anders, maar kwam bijvoorbeeld http://www.floorplanner.nl tegen, kun je vanuit je browser je huisje inrichten, best fancy.

  3. @JW: Thanks dude! En nee, ik bedoelde echt kleur :) ‘t is nu een image map en om daar rollovers in te doen moet ik rechthoekige slices maken. Doordat de woorden zo ‘in elkaar geschoven’ zijn kan ik geen clean cuts maken in Fireworks en daardoor de rollovers niet goed krijgen.

Zeg het maar