ภาพ พรอมต์

หน้า Landing Page โครงการอาหารกลางวันสำหรับโรงเรียนในอินโดนีเซีย

ตัวอย่างหน้าเว็บไซต์แบบ Desktop สำหรับโครงการอาหารกลางวัน MBG ของอินโดนีเซีย เหมาะสำหรับงานออกแบบเว็บไซต์ภาครัฐ Civic Tech หรือพอร์ตโฟลิโอด้าน Frontend

พรอมต์
สร้าง UI Mockup หน้า Landing Page สำหรับโครงการภาครัฐของอินโดนีเซียในสไตล์การออกแบบเว็บไซต์ที่สะอาดตาและเป็นมืออาชีพ ในอัตราส่วนหน้าจอ Desktop แบบกว้าง โดยใช้พื้นหลังสีขาวตัดกับสีแดงเข้ม มุมโค้งมน เส้นแบ่งสีเทาอ่อน และการนำเสนอที่ดูทันสมัยสไตล์ Dribbble ที่ด้านบนสุด ให้สร้างแถบนำทางแนวนอนที่มีองค์ประกอบ 6 ส่วน ได้แก่ ตราสัญลักษณ์ครุฑอินโดนีเซียและข้อความ "PEMERINTAH REPUBLIK INDONESIA" ทางด้านซ้าย จากนั้นมีเมนู 4 รายการจัดวางตรงกลาง ได้แก่ "Program", "Dampak", "Menu" และ "Pemantauan" และทางด้านขวาสุดเป็นปุ่มสีแดงมุมโค้งมนขนาดใหญ่ที่มีข้อความ "Program MBG" พร้อมไอคอนรูปคนขนาดเล็ก ถัดลงมาให้ดีไซน์ส่วน Hero เป็นแบบ 2 คอลัมน์ ทางด้านซ้ายให้แสดงบรรทัดระบุชื่อโครงการพร้อมไอคอนชามสีแดง ข้อความ "MBG" เส้นแบ่งแนวตั้ง และข้อความ "Makan Bergizi Gratis" ใต้ส่วนนั้นให้วางหัวข้อตัวหนาขนาดใหญ่ว่า "{argument name="headline text" default="Makan Bergizi, Anak Indonesia Kuat"}" ด้วยสีน้ำเงินเข้ม โดยจัดวางให้ครอบคลุม 3 บรรทัด เพิ่มย่อหน้าสั้นๆ เป็นภาษาอินโดนีเซียว่า: "Program MBG mendukung gizi harian siswa SD dan SMP melalui menu seimbang, pemantauan sekolah, dan laporan dampak yang transparan." จากนั้นวางปุ่ม Call-to-action 2 ปุ่มเคียงข้างกัน ได้แก่ ปุ่มสีแดงทึบระบุข้อความ "Lihat Dampak" พร้อมลูกศรชี้ไปทางขวา และปุ่มสีขาวขอบแดงระบุข้อความ "Panduan Sekolah" พร้อมลูกศรชี้ไปทางขวา ทางด้านขวาของส่วน Hero ให้วางภาพถ่ายขนาดใหญ่แบบมุมโค้งมนที่ล้อมรอบด้วยเส้นแบ่งโค้งสีขาวและพื้นหลังมุมสีแดง ภาพแสดงห้องเรียนระดับประถมศึกษาในอินโดนีเซียที่มีนักเรียน 5 คนสวมชุดยูนิฟอร์มสีขาวผูกเนคไทสีแดง นั่งอยู่ที่โต๊ะเรียน มีแสงแดดอุ่นๆ ส่องผ่านหน้าต่าง ระยะชัดลึกแบบตื้น ให้ความรู้สึกสมจริงเหมือนภาพถ่ายสารคดี ในส่วนหน้าบนโต๊ะไม้ ให้แสดงถาดอาหารสแตนเลสแบบแบ่งช่องที่มีอาหาร 5 อย่าง ได้แก่ ข้าวสวย ผัดผัก ไก่ทอด กล้วย และแตงโมหั่นเต๋า ข้างถาดอาหารให้วางกล่องนมที่มีฉลากระบุว่า "SUSU SEGAR" ใต้ส่วน Hero ให้เพิ่มแถบสถิติสีแดงเต็มความกว้าง โดยมีการ์ดตัวเลข 4 ใบที่เว้นระยะห่างเท่าๆ กันและคั่นด้วยเส้นแบ่งแนวตั้งบางๆ แต่ละการ์ดจะมีไอคอนวงกลมสีขาวและข้อความตัวหนาสีขาว โดยมีตัวเลข 4 รายการคือ: "245.000+" พร้อมป้ายกำกับ "Sekolah Terlayani", "8,7 Juta+" พร้อมป้ายกำกับ "Siswa Penerima Manfaat", "1,2 Miliar+" พร้อมป้ายกำกับ "Porsi Disalurkan" และ "98,6%" พร้อมป้ายกำกับ "Kepuasan Siswa" ที่ด้านล่างตรงกลาง ให้เพิ่มตัวบ่งชี้ Carousel แบบ 3 จุด โดยจุดซ้ายสุดเป็นสีแดงและอีก 2 จุดเป็นสีเทา รวมพื้นผิวแผนที่อินโดนีเซียจางๆ ไว้ที่พื้นหลังด้านล่างซ้าย ใช้ตัวอักษรที่คมชัด พื้นที่ว่างที่เหมาะสม สุนทรียศาสตร์ของเว็บไซต์การเงินหรือภาครัฐระดับไฮเอนด์ สัดส่วน UI ที่สมจริง และรูปลักษณ์ของหน้า Landing Page ที่พร้อมนำไปใช้งานจริง

สร้างมาเพื่อครีเอเตอร์ ฟรีตลอดไป

YouMind คือผู้ช่วยสร้างสรรค์ AI ที่ครีเอเตอร์ทั่วโลกไว้วางใจ ทุกพรอมต์ที่นี่คัดสรรมาเพื่อช่วยให้คุณสร้างสรรค์ได้ดีและเร็วขึ้น