← Semua portofolio

Interface Design · 2024

MikroTik Login Panel

Halaman login hotspot yang dirancang ulang: jelas, cepat dibaca, dan tidak terasa seperti form bawaan perangkat.

CSSUIHotspot

1. Tampilan

Seperti apa produk ini terlihat

Satu layar, satu tugas: masuk ke jaringan. Form besar, instruksi singkat, status yang tidak tersembunyi.

  • Fokus pada field login - bukan wallpaper yang menelan tombol.
  • Tipografi dan kontras disetel untuk dibaca cepat di ruang publik.
  • Identitas visual menggantikan tampilan default yang terasa teknis dan dingin.

Login

Username, kata sandi, dan tombol masuk dalam satu kolom.

Status

Pesan gagal atau berhasil yang langsung terbaca.

Branding

Nama jaringan atau tempat tampil tanpa mengganggu form.

2. Flow

Bagaimana orang memakainya

Flowchart pemakaian: ada cabang, keputusan, dan jalur yang bertemu lagi. Klik simpul untuk membaca langkahnya; tarik peta untuk melihat keseluruhan.

Tarik peta untuk melihat cabang. Klik simpul untuk membaca langkahnya.

100%
  • Mulai / selesai
  • Proses
  • Keputusan
Coba lagiYaTidak

Mulai

Pengguna

Titik masuk. Dari sini alur bisa bercabang, lalu bertemu lagi sebelum selesai.

3. Deskripsi presentasi

Narasi lengkap untuk dipresentasikan

MikroTik Login Panel adalah wajah pertama sebuah jaringan: layar yang harus selesai dalam hitungan detik, tanpa membuat orang merasa sedang mengisi formulir teknis.

Masalah

Portal hotspot bawaan sering kaku, sulit dibaca, dan terasa seperti halaman administrator. Tamu ragu menekan tombol yang salah.

Solusi

Saya merancang ulang fokus ke satu aksi. Visual, spasi, dan pesan error disusun agar orang awam bisa masuk tanpa bantuan.

Peran

Saya merancang antarmuka login, menyesuaikan hierarki visual, dan merapikan CSS agar panel terasa seperti produk, bukan template perangkat.

Hasil

Halaman masuk yang lebih ramah: cepat dipahami, mudah diisi, dan layak dipakai di ruang tamu maupun ruang publik.