インドネシアの学校給食ランディングページ

インドネシア政府プロジェクト向けに、ワイドスクリーンデスクトップに対応したクリーンでプロフェッショナルなウェブデザインスタイルを採用した、モダンなランディングページUIモックアップを作成します。ページ背景は白で、鮮やかな赤のアクセント、丸みを帯びた角、控えめなグレーの区切り線が、洗練されたDribbbleスタイルのフロントエンドプレゼンテーションを演出します。ページ上部には、水平方向のナビゲーションバーが構築され、6つの要素が表示されます。左側にはインドネシアのガルーダの紋章と「PEMERINTAH REPUBLIK INDONESIA」というテキスト、中央には「Program」、「Dampak」、「Menu」、「Pemantauan」というラベルの付いた4つのメニュー項目、右端には「Program MBG」というラベルの付いた、小さな人型アイコンが付いた大きな丸い赤いボタンがあります。下部には、ホームページ用に2列のレイアウトが設計されています。左側には、赤いボウル型のアイコン、「MBG」というテキスト、垂直の区切り線、「Makan Bergizi Gratis」というラベルを含む、ミニプログラムラベルの列が表示されます。その下には、濃い青色で 3 行にわたる「..."{argument name="headline text" default="Makan Bergizi, Anak Indonesia Kuat"} 」という目立つタイトルがあります。その下に短いインドネシア語のテキスト「Program MBG mendukung gizi harian siswa SD dan SMP melalui menu seimbang, pemantauan sekolah, dan laporan dampak yang transparan.」を追加します。次に、2 つのコール トゥ アクション ボタンが並んで配置されます。1 つは「Lihat Dampak」とラベル付けされた右向きの矢印が付いた実線の赤いボタン、もう 1 つは右向きの矢印が付いた赤い枠線が付いた白い枠線の「Panduan Sekolah」というラベルのボタンです。メイン画面の右側には、曲線状の白い区切り線と赤い背景で囲まれた、大きくて丸い写真のような画像が配置されます。画像には、インドネシアの小学校の教室が写っており、白いシャツに赤いネクタイをした5人の生徒が机に座り、窓から差し込む暖かい日差しを浴びている。浅い被写界深度がドキュメンタリーのようなリアリティを与えている。手前の木製の机の上には、仕切りのあるステンレス製の皿があり、白米、ミックスベジタブル、フライドチキン、バナナ、スイカのスライスが5つ乗っている。皿の隣には「SUSU SEGAR」と書かれた牛乳パックがある。メイン画面の下には、幅いっぱいの赤い統計バーが追加され、細い縦線で区切られた4つの等間隔の指標カードが含まれている。各カードには、白い円形のアイコンと太字の白いテキストが表示されている。指標は次のとおりです。「245,000+」は「Sekolah Terlayani」タグに対応し、「8,7 Juta+」は「Siswa Penerima Manfaat」タグに対応し、「1,2 Miliar+」は「Porsi Disalurkan」タグに対応し、「98,6%」は「Kepuasan Siswa」タグに対応します。下部中央に3つのドットのカルーセルインジケーターが追加され、左側のドットは赤、他の2つは灰色です。左下隅の背景には、控えめなインドネシアの地図のテクスチャが追加されています。明確なタイポグラフィ、十分な余白、ハイエンドのフィンテック/政府ウェブサイトの美学、および現実的なUI比率を使用して、本番環境で直接使用できるランディングページのモックアップが作成されます。