Ontwerp en maak een interactieve website voor een opdrachtgever.

De instructie vind je in: INSTRUCTIONS.md

• Beschrijving
• Functionaliteiten
• Kenmerken
• Bronnen
• Licentie

Voor deze opdracht hebben wij een website ontworpen die niet alleen functioneel is, maar ook perfect aansluit bij de look-and-feel en de huisstijl van de opdrachtgever. De visuele identiteit versterkt de boodschap van het platform en zorgt voor een consistente merkervaring. Het platform is gericht op het ondersteunen van de samenwerking tussen Nederlandse en Indonesische radiotherapeuten door digitale webinars en CT-scans te delen.

De website bestaat uit een homepagina, webinarspagina, contouringspagina, en profielpagina, elk met een specifieke functie voor de gebruikers:

• Homepagina: Een overzicht van het platform en de laatste nieuwsberichten en updates.
• Webinarspagina: Een overzicht van beschikbare webinars met zoek- en filteropties. Gebruikers kunnen webinars uploaden en deelnemen aan live of opgenomen sessies.
• Contouringspagina: Gebruikers kunnen hier CT-scans uploaden en samenwerken om bestralingsgebieden te bepalen.
• Profielpagina: Gebruikers kunnen hun persoonlijke informatie beheren en hun professionele achtergrond bijwerken.

De nadruk ligt op een moderne, toegankelijke en merkgebonden presentatie van inhoud, met elementen zoals aangepaste typografie, kleurenpaletten en iconografie die aansluiten bij de huisstijl.

Webinarpagina: all-webinars.html

• Subject Filter: Gebruikers kunnen webinars filteren op onderwerp door op een specifieke categorie te klikken. Enkel webinars die overeenkomen met de geselecteerde categorie worden weergegeven.

• Reset Mechanisme: Als een categorie opnieuw wordt geselecteerd, wordt de filter gereset en worden alle webinars opnieuw zichtbaar gemaakt.

• Responsieve gebruikersfeedback: Het actieve filter is visueel gemarkeerd, en bij hover is het duidelijk dat het filter opnieuw kan worden verwijderd.

• Interactiviteit: Toevoeging van dynamische functionaliteiten zoals de subject filter voor verbeterde bruikbaarheid.
• Gebruiksvriendelijke navigatie: De interface biedt eenvoudige en toegang tot verschillende pagina's en functies.
• Visuele identiteit: Het ontwerp past bij de kernwaarden en stijl van de organisatie.
• Heldere typografie: Zorgvuldig gekozen lettertypen combineren leesbaarheid met een professionele en moderne uitstraling.
• Samenhangend kleurenpalet: De kleuren zijn strategisch geselecteerd om consistentie te waarborgen en de visuele identiteit te versterken, met aandacht voor toegankelijk contrast.
• Interface-elementen: Form knoppen, menu’s en andere interactieve onderdelen zorgen voor een gebruiksvriendelijke en intuïtieve navigatie.

Dit project is gelicenseerd onder de voorwaarden van de MIT-licentie.