Team

Voor het ontwerpen van de squadpage hebben wij in eerste instantie een schets gemaakt met als idee dat het een hub moet voorstellen. De verschillende squads krijgen hun eigen button met, als daar op gedrukt wordt, de leden van de squad daar omheen gecirkeld. Daarna kan er op een lid geklikt worden om naar het visitekaartje te gaan.

Breakdownschets desktop

Breakdownschets mobile

Na het college van Sanne 't Hooft, hebben we besloten om een van zijn features over te nemen. Namelijk hij had voor Ben & Jerry's een soort draaischijf gemaakt waarbij je keuze kon maken uit verschillende ijsjes. Ons leek het leuk dit over te nemen maar daarvoor in de plaats de verschillende squads te gebruiken.

Breakdownschets desktop v2

Mediaquery

Voor deze site gebruiken wij 2 mediaqueries, mobile version(max-width: 425px) en desktop version(min-width: 426px). De mobile version zal een max-width krijgen van rond de 425px. Dit houdt in dat alle schermen met een breedte onder 425px de mobile version van de css krijgen. Hier zijn de breedtes aangepast en de lettertypes verkleind. Ook is de layout van de site anders dan op schermen met een breedte boven de 425px.

individueel

Ik heb in dit onderdeel een minder groot aandeel gehad. We kwamen al vrij snel op het idee, waar we het allemaal mee eens waren. Ik had het gevoel dat het dan overbodig zou worden om dan alsnog een schets te maken.