Cards - UX

[iamskip]

Doel Het doel van dit issue is om het ontwerp voor het Card-component te maken. Dit component wordt gebruikt om verschillende soorten inhoud in een compacte en visueel aantrekkelijke indeling te presenteren.

Beschrijving Het Card-component presenteert verschillende soorten inhoud in een overzichtelijke indeling. Er zijn verschillende variaties van de Card, waaronder nieuws, evenementen, bio (om mensen te presenteren), en alleen links.

Acceptatiecriteria (Acc):

• Het ontwerp moet een overzichtelijke en visueel aantrekkelijke presentatie van inhoud bieden.

• Er moeten verschillende variaties van het Card-component worden ontworpen, waaronder:

• Nieuws card

• Evenementen card

• Bio card

• Link card

• Het ontwerp moet visueel consistent zijn met de rest van de componenten.

• Het ontwerp moet toegankelijk zijn, met voldoende kleurcontrast en ondersteuning voor toetsenbordnavigatie en schermlezers.

Definitie van 'Done' (DoD):

• Het ontwerp voor het Card-component is voltooid en goedgekeurd door het team.
• Het ontwerp is gedocumenteerd en beschikbaar voor de frontend developer.
• Eventuele feedback van het team is verwerkt.
• Het ontwerp voldoet aan alle acceptatiecriteria, inclusief toegankelijkheid.

  
  ### Tasks

• [ ] Extra categorie card maken: card met externe link + tekst. Zoals linkjes naar andere portalen in Mijn Nijmegen --> https://www.figma.com/design/MScSuv6Z23Z0LFfCWXAxdY/MijnNijmegen?node-id=1581-3879&t=bRrG79enpRHSawlm-0
• [x] Nieuws card
• [x] Evenementen card
• [x] Bio
• [x] Link card
• [x] Documentatie voor card
• [x] Zoek resultaten
• [x] Vacatures