Squad page
Voor de opleiding frontend design & development is het de bedoeling dat jij met een groepje een teampagina maakt van de mensen die in jouw squad (klas) zitten. Aria, Mikiyas en Sascha hebben hun best gedaan om aan de hand van aangeboden standaarden en principes vanuit de opleiding een zo goed mogelijk werkende site te maken. Wat voor site hebben wij gemaakt? We gingen voor een 'galaxy'-design, want meerdere mensen vonden dit een leuk en creatief idee. Zo hebben wij hierbij mensen in een astronautenpakje gezet, zodat het leek alsof ze in de ruimte zouden zitten. We hebben ook een pagina gemaakt waarin je alle leuke plekken op de hele Amstelcampus kunt bekijken. Erg interessant dus!
Waar zijn wij trots op?
- Onze werkende carousel
- Onze animaties
- Ons thema
Onze site op meerdere verschillende formaten apparaten
Analysefase
Allereerst hebben we kennis gemaakt met elkaars capaciteiten aan de hand van een teamcanvas. Hier schrijf je op wat je kwaliteiten zijn en je geeft aan waar je minder goed in bent. Op deze manier krijgen je teamleden een idee van jou als persoon en sta je niet voor verrassingen. Naast de persoonlijke kenmerken schrijf je ook doelen op. Dit kan zijn wat je wil maken met je groepje of welke waardes je hebt met elkaar, denk aan respectvol met elkaar omgaan.
Vervolgens hebben we gekeken naar hoe een squadpage er bij andere sites uit zou zien.
Tenslotte hebben we alle visitekaartjes verzameld en we hebben gekeken naar hoe andere mensen hun kaartje hebben gemaakt.
Ontwerpfase
Uiteindelijk ontwerp met breakdownschets
Bouwfase
Wij hebben binnen dit project gebruik gemaakt van hele belangrijke fundamentele principes van het web; namelijk: html, css en javascript. Dit zijn cruciale codeertalen om een website functioneel en mooi te maken. Naast deze principes hebben wij ook gelet op het implementeren van verschillende standaarden van het web, zoals responsiveness, semantiek, live zetten van een site.
Testfase
Wij hebben de site getest door te kijken naar de responsiveness van de website. In principe zou de site voor elk apparaat toegankelijk moeten zijn omdat we meerdere 'breakpoints' hebben toegevoegd in het ontwerp. Op 2 verschillende plekken verschuift de site naar een andere layout en zo kan je zelfs op je mobieltje de kaartjes nog zien.
Integreerfase
Wij hebben onze site online gezet via Github pages. Zie hier de live link: https://saschavanvliet.github.io/your-tribe-squad-page/
Licentie
De instructie van deze leertaak staan in de INSTRUCTIONS.md This project is licensed under the terms of the MIT license.