Un mockup raffinato per la hero section di un sito web desktop dedicato al programma di nutrizione scolastica MBG in Indonesia, ideale per presentazioni di design governativo, civic tech o frontend.
Crea un mockup dell'interfaccia utente per la pagina di destinazione di un moderno programma governativo in Indonesia, con uno stile di web design pulito e professionale e un formato widescreen per desktop. La pagina utilizza uno sfondo bianco con audaci accenti rossi, angoli dolcemente arrotondati, sottili divisori grigi e un aspetto curato tipico delle presentazioni frontend su Dribbble. Nella parte superiore, costruisci una barra di navigazione orizzontale con 6 elementi visibili: l'emblema Garuda indonesiano e il testo "PEMERINTAH REPUBLIK INDONESIA" a sinistra, poi 4 voci di menu centrate etichettate "Program", "Dampak", "Menu" e "Pemantauan", e all'estrema destra un grande pulsante rosso arrotondato etichettato "Program MBG" con una piccola icona di persone. Sotto, progetta una sezione hero divisa in due colonne. A sinistra, mostra una piccola riga di etichetta del programma con un'icona di una ciotola rossa, il testo "MBG", un divisore verticale e "Makan Bergizi Gratis". Sotto, inserisci un grande titolo in grassetto che recita "Makan Bergizi, Anak Indonesia Kuat" in blu scuro, distribuito su 3 righe. Aggiungi un breve paragrafo in indonesiano sotto: "Program MBG mendukung gizi harian siswa SD dan SMP melalui menu seimbang, pemantauan sekolah, dan laporan dampak yang transparan." Quindi posiziona 2 pulsanti di call-to-action affiancati: un pulsante rosso pieno etichettato "Lihat Dampak" con una freccia a destra, e un pulsante bianco con contorno rosso etichettato "Panduan Sekolah" con una freccia a destra. Sul lato destro della hero, posiziona un'ampia immagine in stile fotografico arrotondata, incorniciata da un divisore curvo bianco e uno sfondo rosso nell'angolo. L'immagine mostra un'aula di scuola elementare indonesiana con 5 scolari visibili in uniforme bianca con cravatta rossa, seduti ai banchi, con una calda luce diurna proveniente dalle finestre, profondità di campo ridotta e realismo da fotografia documentaristica. In primo piano, su un banco di legno, mostra un vassoio in acciaio inossidabile con scomparti contenente esattamente 5 alimenti: riso bianco, verdure miste, un pezzo di pollo fritto, una banana e cubetti di anguria. Accanto al vassoio, posiziona 1 cartone di latte etichettato "SUSU SEGAR". Sotto la hero, aggiungi una fascia statistica rossa a tutta larghezza con 4 schede metriche equidistanti separate da sottili divisori verticali. Ogni scheda presenta un'icona circolare bianca e testo bianco in grassetto. Le 4 metriche sono: "245.000+" con etichetta "Sekolah Terlayani", "8,7 Juta+" con etichetta "Siswa Penerima Manfaat", "1,2 Miliar+" con etichetta "Porsi Disalurkan" e "98,6%" con etichetta "Kepuasan Siswa". In basso al centro, aggiungi un indicatore del carosello a 3 punti con il punto sinistro attivo in rosso e gli altri 2 punti grigi. Includi una tenue texture della mappa dell'Indonesia nello sfondo in basso a sinistra. Utilizza una tipografia nitida, ampi spazi bianchi, un'estetica da sito web governativo o fintech di alto livello, proporzioni dell'interfaccia utente realistiche e un aspetto da mockup di pagina di destinazione pronto per la produzione.
