Squad page team 1 - Eendtjes

Wij zijn de Eendtjes: Julia, Clarice en Amber. In sprint 1 hebben we samengewerkt aan het ontwerpen en ontwikkelen van een squad page voor squad G1. Dit hebben we gedaan volgens het design en ontwikkel stappenplan. Na analyse en inspiratie hebben we individueel geschetst en onze ideeën samengevoegd tot één ontwerp. Dit hebben we gebouwd met HTML, CSS en JS.
Wij zijn benieuwd wat jullie ervan vinden!
Bezoek hier onze squad page: https://edu.nl/jqqnw

Inhoudsopgave

• Onze squad page
• Wie zijn wij
• Onze aanpak

Onze squad page

Wij hebben de huisstijl van de FDND websites terug gebracht naar onze squad page, in zowel kleur als elementen, zoals de cards met studenten. Zie onderstaande foto's voor een sfeerbeeld:

Mobile

Tablet

Desktop

Waar zijn wij trots op?

1. Het zoek filter bij de studenten. Ben je naar iemand specifiek opzoek, typ de naam en vind!

https://github.com/user-attachments/assets/80bdecca-e149-42ac-8d03-220d279c3e35

2. Het responsive grid. Op zowel de studenten pagina als de campus pagina. Deze schaalt met de maat van je browser mee!

https://github.com/user-attachments/assets/1941ce2e-eddf-4540-9d43-c2e9d3b272bc

3. Het ontwerp dat wij voor de studenten kaartjes hadden in Figma, hebben wij exact na kunnen maken met behulp van een grid.

   • 

4. Interactieve onderdelen:

https://github.com/user-attachments/assets/2e8c2ecc-0465-429f-9792-497a0b12e8b7

https://github.com/user-attachments/assets/7fc06a07-42ea-4926-9b36-0af5bcf613af

Wie zijn wij

Wij zijn de Eendtjes: Julia, Amber en Clarice. Wij zijn eerstejaars studenten aan de opleiding Frontend Design & Development. We stellen ons even individueel voor:

Amber, Julia en Clarice

• Amber: Ik ben 21 jaar en woon in Nieuwegein. Wil je meer over mij weten, bezoek mijn visitekaartje: https://ambersr.github.io/your-tribe-profile-card/
  
• Julia: Ik ben 21 jaar en woon in Rhenen. Wil je meer over mij weten, bezoek mijn visitekaartje: https://julia-stevens.github.io/your-tribe-profile-card/
  
• Clarice: Ik ben 20 jaar en woon in Amsterdam. Wil je meer over mij weten, bezoek mijn visitekaartje: https://clarice-cod.github.io/visitekaartje-clarice/

Onze aanpak

Tijdens de eerste sprint hebben we de taak gekregen om samen een squad page te ontwerpen en realiseren. Ons proces volgde de designcyclus, waarbij we begonnen met de analysefase. We hebben een repository opgezet en een teamcanvas aangemaakt om onze samenwerking te structureren. Na het verzamelen van inspiratie en het bespreken van onze persoonlijke stijlen en voorkeuren, zijn we individueel gaan schetsen en ontwerpen. Deze ideeën hebben we vervolgens samengevoegd tot één gezamenlijk ontwerp. Dit ontwerp hebben we ontwikkeld met behulp van HTML, CSS en JavaScript, waarbij we extra aandacht hebben besteed aan responsive design.

Licentie

This project is licensed under the terms of the MIT license.