Landingspagina over schoolvoeding in Indonesië

Ontwerp een moderne UI-mockup voor een landingspagina van een Indonesisch overheidsproject, met een strakke, professionele webdesignstijl die is aangepast aan breedbeeldschermen. De pagina heeft een witte achtergrond met opvallende rode accenten, zachte afgeronde hoeken en subtiele grijze scheidingslijnen, wat resulteert in een verfijnde front-end presentatie in Dribbble-stijl. Bovenaan de pagina bevindt zich een horizontale navigatiebalk met zes zichtbare elementen: het Indonesische wapen (de Garuda) en de tekst "PEMERINTAH REPUBLIK INDONESIA" links; vier menu-items in het midden met de labels "Programma", "Dampak", "Menu" en "Pemantauan"; en een grote, afgeronde rode knop met een klein mensje-icoon helemaal rechts met het label "Programma MBG". Onder de pagina is een lay-out met twee kolommen ontworpen voor de homepage. Aan de linkerkant staat een rij met mini-programmalabels, waaronder een rood komvormig icoon, de tekst "MBG", een verticale scheidingslijn en "Makan Bergizi Gratis". Hieronder staat een prominente titel met de tekst "..."{argument name="headline text" default="Makan Bergizi, Anak Indonesia Kuat"} ", in donkerblauw, verdeeld over 3 regels. Voeg daaronder een korte Indonesische tekst toe: "Program MBG mendukung gizi harian siswa SD dan SMP melalui menu seimbang, pemantauan sekolah, dan laporan dampak yang transparan." Vervolgens worden twee call-to-action-knoppen naast elkaar geplaatst: een effen rode knop met een pijl naar rechts met het opschrift "Lihat Dampak"; en een witte knop met een rode rand met het opschrift "Panduan Sekolah", eveneens met een pijl naar rechts. Aan de rechterkant van het hoofdscherm is een grote, ronde afbeelding in fotostijl geplaatst, omlijst door gebogen witte scheidingslijnen en een rode achtergrond. De afbeelding toont een Indonesische basisschoolklas, met vijf leerlingen in witte shirts en rode stropdassen die aan bureaus zitten, badend in het warme zonlicht dat door de ramen naar binnen schijnt. De geringe scherptediepte geeft het een documentaire-achtige realisme. Op het houten bureau op de voorgrond staat een roestvrijstalen bord met vijf items: witte rijst, gemengde groenten, een stuk gefrituurde kip, een banaan en een plak watermeloen. Naast het bord staat een pak melk met het opschrift "SUSU SEGAR". Onder het hoofdscherm is een brede rode statistiekenbalk toegevoegd met vier gelijkmatig verdeelde indicatorkaarten, gescheiden door dunne verticale lijnen. Elke kaart heeft een wit cirkelvormig pictogram en vetgedrukte witte tekst. De statistieken zijn als volgt: "245.000+" komt overeen met de tag "Sekolah Terlayani", "8,7 Juta+" komt overeen met de tag "Siswa Penerima Manfaat", "1,2 Miliar+" komt overeen met de tag "Porsi Disalurkan" en "98,6%" komt overeen met de tag "Kepuasan Siswa". Onderaan in het midden is een carrouselindicator met drie stippen toegevoegd, waarbij de linker stip rood is en de andere twee grijs. Een subtiele textuur van een Indonesische kaart is toegevoegd aan de achtergrond in de linkerbenedenhoek. Door gebruik te maken van heldere typografie, voldoende witruimte, een hoogwaardige esthetiek die doet denken aan fintech- of overheidswebsites, en realistische UI-proporties, is een mockup van een landingspagina gecreëerd die direct in een productieomgeving kan worden gebruikt.