Hier laat ik alle vorige ontwerp(poging)en van mijn site zien.
Het eerste opzetje had een hoofdnavigatie bovenin, een subnavigatie links, en de pagina-inhoud rechtsonder. Ik wilde niet voor standaard blauwtinten gaan, en koos een ongebruikelijke combinatie groen-rood.
Ik heb een versie gemaakt zonder gradiënten en een bruine versie om kleuren uit te proberen.
De content toegevoegd aan de site, de bovenbalk turquoise gemaakt en code in paars weergegeven. Nog een allegaartje aan kleuren.
Daarna probeerde ik meer eenheid te krijgen in het palet en het “grote witte vlak” te doorbreken met grijstinten.
De rustigere blauwgrijze versie heb ik een tijd gebruikt.
Toen bedacht ik het logo met de 6 gekleurde lijnen. Het ontwerp ging terug naar de tekentafel om te kijken hoe ik dat logo kon gebruiken.
Toen bedacht ik dat elke kleur kon staan voor een onderwerp. Zo ontstond de huidige verdeling in kleuren: games, Lego, graphics, muziek, wiskunde. De zesde kleur werd een vergaarbak voor alle rest.
Ik beacht een superingewikkelde navigatie met de kleuren rechtsboven, de onderwerpen van een kleur middenboven en de subcategorieën in de linkerbalk.
Nu had ik voor het eerst ook een idee hoe de homepage eruit kon zien.
Ik voegde meer content toe en vond de site erg wit, en voegde dus een lichtgrijze buitenkant toe. Ook wurmde ik nog een categorie “Over” tussen de rest voor uitleg over mezelf en de site.
Ik kreeg kritiek op de rare navigatie. Toen bedacht ik om de kleuren bovenaan te zetten (en niet meer gekanteld) en de subcategorieen daaronder (als “tabs“ boven de titel). Daardoor ontstond ruimte om de titel omhoog te zetten, waardoor het logo ín de titelbalk terechtkwam. Ook zette ik de volledige hiërarchie in de linkerkantlijn, zodat je altijd weet waar je bent.
Met de nieuwe layout kon ik ook de homepage in dezelfde stijl brengen als de rest, waardoor die voor het eerst ook onderdeel voelde van het geheel.
Dit ontwerp heb ik 7 jaar gebruikt.
Ik ging meer doen met Wie is de mol en met programmeren, en dat begon te wringen in die categorie “Overig”. “Over” was ook lastig te bereiken. Ik wilde dat uitsplitsen, maar dan had ik meer kleuren nodig dan de 6 die het oude ontwerp toeliet.
Ook maakte ik meer Javascript-projecten waarbij ik graag wat meer breedte had. En ik was niet blij met die navigatie boven èn links. Ik wilde alle navigatie bovenaan, zodat ik de volledige breedte voor de inhoud had.
De bovenbalk moest groot genoeg zijn om dropdownmenu’s in te passen. Per toeval stuitte ik op het idee om iets met foto’s te doen in de navigatiebalk.
Een pagina met subpagina's krijgt altijd grote knoppen op de pagina, zodat je altijd makkelijk een subniveau in kan. De “breadcrumbs” boven de titel zorgen dat je altijd een niveau omhoog kan.
De homepage is het hoogste niveau en valt niet onder een van de 10 kleuren.
/>
/>
/>
