Bescherm de oceanen HTML-sjabloon

Vervuiling, opruiming en duurzame keuzes vormen een complete statische pagina

Het ontwerp bevat al de belangrijkste inhoudsstructuur die nodig is voor een zelfstandige statische HTML-pagina over oceaanbescherming. De opening introduceert oceaanvervuiling met een grote kop, ondersteunende tekst, gestapelde foto's en een 'Lees meer'-knop. De volgende galerij voegt ecologische context toe door middel van verklarende tekst en verschillende onderwaterfoto's, waardoor de pagina niet afhankelijk is van één enkele hero-boodschap om het onderwerp over te brengen. Het onderwerp wordt ontwikkeld via verschillende secties in plaats van de lezer alleen met een campagneboodschap achter te laten.

De latere indeling voegt praktische en organisatorische diepgang toe. Een gele actiebalk introduceert een directe oproep, de sectie over kustopruiming legt deelname uit en verwijst naar de International Coastal Cleanup, en de sectie '10 dingen die je kunt doen om de oceaan te redden' maakt van het brede onderwerp een lijstgerichte aanpak voor de lezer. Educatie over het leven in de zee en richtlijnen voor duurzame visvangst verbreden het onderwerp tot meer dan alleen opruiming. Samen vormen deze inhoudsgebieden een complete statische presentatie met een herkenbaar begin, midden en einde. Het krachtige kleurenpalet van geel, wit en diepblauw, gecombineerd met levendige onderwaterfotografie en ruime witruimte, zorgt voor een visuele eenheid op de afzonderlijke pagina's, terwijl de afzonderlijke blokken eenvoudig te vervangen zijn door geverifieerde projectinhoud.