Lewati ke konten utama

Desain Auth dan Branding

Sejoli Panel tidak cuma mempercantik member area, tapi juga membantu teman-teman merapikan tampilan halaman auth. Jadi halaman login, register, lupa password, dan reset password bisa ikut terasa lebih proper dan lebih nyambung dengan branding website.

Di halaman pengaturan, teman-teman bisa memilih desain auth, menampilkan logo, mengatur copy, sampai menambahkan gambar visual sesuai kebutuhan.

Desain Auth yang Tersedia​

Ada 4 pilihan desain auth yang bisa teman-teman gunakan:

  • Signature Card
  • Quiet Minimal
  • Portal Split
  • Visual Split

Masing-masing punya karakter visual yang berbeda. Teman-teman tinggal pilih mana yang paling cocok dengan gaya brand dan kenyamanan user.

Kalau ingin melihat contoh visual tiap preset sebelum memilihnya, buka Galeri Tema dan Auth untuk membandingkan desain auth yang tersedia.

Kapan Pakai Portal Split?​

Portal Split cocok kalau teman-teman ingin halaman login dan register terasa lebih branded dan lebih kuat secara visual, tapi tetap fokus ke copy atau pesan utama di sisi kiri.

Preset ini pas dipakai kalau teman-teman ingin menonjolkan nama membership, nama kelas, atau headline singkat yang langsung menjelaskan area akses tersebut.

Kapan Pakai Visual Split?​

Visual Split cocok kalau teman-teman ingin menambahkan elemen visual pendamping, misalnya ilustrasi, mockup, atau gambar brand yang mendukung tampilan halaman auth.

Kalau teman-teman sudah punya visual yang bagus dan ingin halaman login terasa lebih hidup, preset ini biasanya lebih menarik dipakai.

Opsi Branding di Halaman Auth​

Beberapa pengaturan branding yang bisa teman-teman sesuaikan antara lain:

Aktifkan opsi ini kalau teman-teman ingin logo brand tampil di halaman auth. Cocok untuk memperkuat identitas brand sejak awal user masuk.

Tampilkan title site​

Opsi ini akan menampilkan nama website atau title site di area auth. Kalau brand teman-teman ingin terlihat lebih jelas, opsi ini sebaiknya tetap diaktifkan.

Tampilkan teks Member Area​

Opsi ini menampilkan label Member Area di area auth. Kalau ingin tampil lebih ringkas, teman-teman bisa mematikannya. Kalau ingin konteks akses tetap jelas, biarkan aktif.

Pengaturan Khusus Portal Split​

Untuk desain Portal Split, ada beberapa teks yang bisa teman-teman custom supaya tampilannya lebih sesuai dengan kebutuhan.

Kicker Teks Portal Split​

Bagian ini cocok untuk teks pendek seperti:

  • Membership Portal
  • Member Area
  • Akses Kelas

Fungsinya sebagai pengantar kecil sebelum judul utama.

Judul Portal Split​

Bagian ini biasanya dipakai untuk headline utama, misalnya nama kelas, nama membership, atau nama portal akses.

Contohnya:

Akses Membership MID Teknologi Digital

Kalau teman-teman kosongkan, plugin akan memakai teks default.

Deskripsi Portal Split​

Bagian ini cocok untuk teks pendukung singkat yang menjelaskan manfaat atau nuansa area login.

Contohnya:

Levelup Your Knowledge Everydays

Kalau ingin tampil lebih personal atau lebih sesuai dengan brand voice teman-teman, bagian ini bagus untuk disesuaikan.

Gambar Visual Auth​

Di bagian Gambar Visual Auth, teman-teman bisa menambahkan gambar pendamping untuk preset tertentu, terutama Visual Split.

Bagian ini sifatnya opsional, tapi sangat membantu kalau teman-teman ingin halaman auth terlihat lebih hidup dan lebih branded.

Kalau mau hasilnya rapi, gunakan gambar dengan komposisi yang bersih dan ukuran yang proporsional agar tidak terasa sesak saat tampil di desktop maupun mobile.

Logo Brand Member Area​

Selain logo di halaman auth, teman-teman juga bisa upload Logo Brand Member Area untuk area navigasi member.

Kalau diisi, logo ini akan membantu member area terasa lebih personal dan lebih nyambung dengan identitas bisnis teman-teman.

Supaya tampilannya tetap rapi, gunakan logo horizontal dengan ukuran yang proporsional. Rekomendasinya maksimal sekitar 180x50 piksel.

Kalau logo dibiarkan kosong, panel akan memakai inisial brand sebagai tampilan default.

Preview Auth Langsung dari Settings​

Saat teman-teman mengganti desain auth, copy, warna tema, branding, atau ukuran font, preview auth akan langsung ikut berubah di halaman settings.

Ini sangat membantu karena teman-teman tidak perlu reload halaman pengaturan berulang-ulang hanya untuk melihat hasil perubahan kecil. Jadi proses customize terasa lebih cepat dan lebih nyaman.