Alles wat je zoekt. Op één site.

Onderbouwing ontwerp

Thema

Het thema hebben we gezamenlijk gekozen en is 8-bit en Nintendo. Zo hebben we voor de fonts bijvoorbeeld gekozen voor VT323 en OpenSans. VT323 is een pixel font wat heel goed binnen ons thema valt.

Kleur

Voor de kleuren heb ik gekozen om de kleur palette van de Game Boy Advance te gebruiken. Dit omdat het thema van onze website 8-bit en Nintendo is en de Nintendo zeer goed binnen dit thema valt.

style guide

Typografie

Voor Typografie hebben we allemaal afgesproken twee lettertypes te gebruiken. Dat zijn dus de eerder genoemde lettertypes VT323 en OpenSans. Ik gebruik in mijn website VT323 Voornamelijk voor Headers en knoppen en OpenSans voor teksten. OpenSans is wat fijner om grotere stukken tekst mee te lezen en VT323 geeft de website een unieke uitstraling.

Vorm

Qua vorm zat ik te twijfelen tussen twee stijlen. Namelijk een vloeiende stijl met accentlijnen en veel afgeronde hoeken, of een wat blokkerig design waarbij hoeken juist niet afgerond zijn. Ik ben uiteindelijk voor het laatste design gegaan omdat dit beter in het thema van de groepswebsite past.

Flow

De flow op mijn website is heel standaard. Er zijn geen speciale bedieningen of wachtwoorden nodig om door de website te komen en ik heb geprobeerd de website zo overzichtelijk mogelijk te maken. Verder is er op de website ook nog een menu te vinden onder het hamburger icoontje. Ik heb voor dat icoontje gekozen omdat het hamburger icoontje een zeer bekend icoontje is en op de meeste websites wordt gebruikt om een menu aan te duiden.

Hiërarchie

De website begint met een titel en een subtitel zodat je gelijk weet wat de inhoud zal zijn van de website. Ik heb een aparte downloads pagina aangemaakt waar bestanden zoals de feedback documenten, professionele mail en vergaderdocumenten eventueel gedownload kunnen worden zodat die ook offline bekeken kunnen worden.

Tijdlijn

  • Planning

    Op deze site zijn twee planningen te vinden. Één gezamenlijke gantt-chart en één individuele gantt-chart.

  • Plan van Aanpak

    We hebben een Plan van Aanpak gemaakt waar onder andere ook de handleidingen in staan.

  • Brainstorm documenten

    Voor het maken van websites en onze hardware puzzels hebben we natuurlijk veel gebrainstormd. Alle die documenten van de brainstorm sessies (individueel en gezamenlijk) hebben we in één Brainstorm document gezet.

  • Vergaderdocumentatie

    We hebben met ze allen een aantal vergaderingen gehad waarbij ieder minstens 1x voorzitter was en minstens 1x notulist. Alle vergader documenten hebben we in één document gezet.

  • professionele email

    Een van de opdrachten was een professionele mail opstellen. Op die mail hebben wij feedback ontvangen en die feedback hebben wij vervolgens toegepast. En we hebben de mail verzonden naar een escaperoom. benieuwd naar de professionele e-mail?

  • Feedback documenten

    Om goed als groep te kunnen werken, moet je af en toe evalueren over de prestaties in de groep. We geven elkaar dan feedback en proberen van die feedback te leren. Al die feedback hebben wij in een feedback document gezet.

  • Individueel gesprek

    Tot slot hebben we allemaal nog een individueel gesprek gehad met een docent. daarvoor moesten we nog enkele dingen voorbereiden, bijhouden en noteren. Ik heb het allemaal in een individueel gesprek document gezet.

swipe right!