Footer Section
Footer
Footer Section merupakan area di bagian bawah halaman yang berfungsi untuk menampilkan informasi tambahan, navigasi sekunder, serta elemen identitas brand seperti logo, deskripsi produk, dan tautan media sosial.
Pola ini membantu pengguna menemukan informasi penting seperti kontak, kebijakan, atau tautan cepat menuju bagian utama situs.
Penggunaan
Section titled “Penggunaan”Gunakan Footer Section pada bagian bawah halaman untuk memberikan konteks tambahan bagi pengguna setelah mereka menyelesaikan interaksi utama.
Pola ini juga membantu memperkuat identitas brand dan menyediakan akses cepat ke informasi pendukung tanpa mengganggu fokus utama halaman.
Anatomi
Section titled “Anatomi”Struktur Footer Section terdiri dari beberapa elemen utama yang bekerja bersama untuk memberikan informasi pendukung dan navigasi tambahan di bagian bawah halaman.
Kategori
Section titled “Kategori”Desktop
Menampilkan struktur horizontal dengan beberapa kolom menu, deskripsi produk, dan elemen sosial di sisi kanan.
Cocok digunakan pada tampilan layar besar untuk memberikan akses cepat ke berbagai tautan pendukung.
Mobile
Menyesuaikan elemen menjadi tampilan vertikal menggunakan accordion untuk menghemat ruang layar.
Cocok digunakan pada perangkat dengan ukuran layar kecil agar navigasi tetap sederhana dan mudah diakses.
Cara Penggunaan yang Disarankan
Section titled “Cara Penggunaan yang Disarankan”
✅ Disarankan
Gunakan struktur kolom yang konsisten agar pengguna mudah mengenali pola navigasi.
❌ Dihindari
Jangan menampilkan terlalu banyak tautan atau informasi yang tidak relevan, karena dapat membingungkan pengguna.
✅ Disarankan
Pastikan setiap menu memiliki hierarki visual dan jarak antar elemen yang cukup.
❌ Dihindari
Hindari menambahkan CTA utama (seperti tombol "Kirim" atau "Mulai") di dalam footer, agar fokus interaksi tetap pada konten utama halaman.
Penerapan
Section titled “Penerapan”Footer Halaman Utama
Contoh penerapan Footer Section pada halaman utama layanan digital. Footer menampilkan logo, deskripsi produk, kolom menu, dan tautan media sosial untuk memperkuat identitas brand dan menyediakan navigasi tambahan.
Spesifikasi
Section titled “Spesifikasi”