DEPO55 • Pusat informasi hiburan digital16 halaman
Beranda / Mobile
Mobile · DEPO55

Panduan Tampilan DEPO55 di Smartphone dan Tablet

Antarmuka dirancang ulang mengikuti ukuran layar, sehingga konten tetap dapat dibaca dan gambar tetap terlihat utuh.

Identitas visual DEPO55

Mobile & panduan informasi

Pelajari tata letak mobile, cara memakai menu, galeri tanpa crop, dan navigasi bawah responsif pada website DEPO55.

Banner merupakan materi promosi visual; konfirmasi informasi pada sumber layanan.

Antarmuka dirancang ulang mengikuti ukuran layar, sehingga konten tetap dapat dibaca dan gambar tetap terlihat utuh.

Tata letak yang mengikuti layar

Pada layar sempit, header menyusun logo, tombol aksi, dan pencarian ke beberapa baris yang rapi. Galeri gambar pindah ke atas panel ringkasan agar pengunjung dapat menikmati visual secara penuh. Kartu informasi turun menjadi satu kolom ketika ruang horizontal tidak cukup.

Poin untuk diperhatikan

Gambar menggunakan object-fit contain agar elemen penting pada poster tidak terpotong meskipun bentuk kontainernya berubah.

Memakai navigasi di bagian bawah

Deretan tombol Promosi, Login, Daftar, Alternatif, dan LiveChat selalu tersedia saat menggulir. HOME juga disertakan agar pembaca dapat kembali ke halaman awal. Ukuran teks dan ikon disesuaikan untuk perangkat kecil, sementara ruang kosong bawah mencegah menu menutupi isi artikel.

Langkah selanjutnya

Menu bawah menggunakan alamat yang telah diberikan untuk setiap item, termasuk LiveChat pada footer.

Menjaga keterbacaan pada perangkat kecil

Paragraf dibatasi panjang barisnya dan tombol diberi area sentuh yang jelas. Berbeda dengan tampilan desktop, elemen dekoratif dikurangi ketika ruang terlalu padat. Jika Anda memperbesar teks di browser, konten akan mengalir ke bawah alih-alih melebar di luar layar.

Catatan penting

Gunakan mode potret atau lanskap sesuai kenyamanan, lalu pilih halaman topik lewat menu atas atau pencarian.

Halaman terkait