desain UI UX


 Belajar UI/UX dengan Figma: Mendesain Halaman Login & Tampilan Awal Aplikasi MyTelkomsel


Hari ini saya melanjutkan pembelajaran desain UI/UX (User Interface & User Experience) dengan menggunakan Figma. Sebagai latihan, saya memilih untuk membuat ulang sebagian tampilan aplikasi MyTelkomsel, yaitu halaman login dan tampilan awal (homepage).

1. Halaman Login

Pada bagian login, saya mencoba membuat desain yang sederhana namun tetap sesuai dengan identitas MyTelkomsel. Beberapa elemen yang saya buat di antaranya:

Form input nomor telepon sebagai akses utama pengguna.

Tombol “Masuk” dengan warna merah yang mencerminkan ciri khas brand Telkomsel.

Opsi login alternatif seperti menggunakan akun Google atau Apple ID untuk memberikan fleksibilitas.

Link “Lupa Kata Sandi” agar pengguna mudah memulihkan akun mereka.

Tampilan dibuat dengan background putih bersih, sehingga fokus pengguna tetap tertuju pada form login. Saya juga menambahkan sedikit sentuhan visual seperti ikon kecil agar form terlihat modern namun tetap minimalis.


2. Tampilan Awal (Homepage)

Setelah login, pengguna diarahkan ke tampilan awal aplikasi. Di bagian ini, saya mendesain beberapa komponen penting, yaitu:

Informasi utama di bagian atas berupa nomor pengguna, sisa kuota, dan pulsa. Tujuannya agar informasi vital dapat langsung terlihat.

Navigasi menu utama berbentuk ikon sederhana untuk fitur Paket Internet, Isi Pulsa, Riwayat, Promo, dan lainnya.

Banner promo di tengah halaman untuk menarik perhatian pengguna dengan penawaran terbaru.

Akses cepat ke fitur populer, misalnya pembelian paket data, agar pengguna tidak perlu banyak langkah untuk menyelesaikan transaksi.

Kombinasi warna merah dan putih saya gunakan secara konsisten agar identik dengan brand Telkomsel, sekaligus menjaga kesan profesional dan familiar bagi pengguna.


3. Pelajaran yang Saya Dapatkan

Dari project ini, saya semakin memahami bahwa desain UI tidak hanya soal keindahan visual, tetapi juga harus konsisten dengan identitas brand. Sementara itu, desain UX menekankan bagaimana pengalaman pengguna bisa menjadi lebih mudah, cepat, dan nyaman.

Mendesain ulang MyTelkomsel ini juga membuat saya lebih terbiasa menggunakan fitur-fitur Figma, seperti pengaturan frame, auto layout, penggunaan warna, hingga pembuatan komponen yang bisa dipakai ulang.


Kesimpulan

Latihan hari ini menjadi langkah kecil namun penting dalam perjalanan saya mempelajari UI/UX Design. Dengan berlatih mendesain halaman login dan tampilan awal aplikasi MyTelkomsel, saya belajar bagaimana sebuah aplikasi harus mampu menghadirkan pengalaman pengguna yang sederhana, konsisten, dan bermanfaat.

Komentar

Posting Komentar

Postingan populer dari blog ini

Zapp. run

 Apa itu Zapp.run? Zapp.run adalah sebuah platform online code runner (lingkungan eksekusi kode di browser) yang dibuat oleh ZappDev. Dengan Zapp.run, kita bisa langsung menulis, menjalankan, dan membagikan kode tanpa harus menginstal software tambahan di komputer. Fitur Utama Zapp.run 1. Jalankan kode langsung di browser Tidak perlu instal editor atau compiler di laptop/PC. Tinggal buka situsnya, pilih bahasa pemrograman, lalu jalankan. 2. Mendukung banyak bahasa pemrograman Contoh: Python, JavaScript, C++, Java, Flutter/Dart, Go, Rust, dan banyak lainnya. 3. Bisa upload assets dan file tambahan Misalnya gambar, audio, atau file teks untuk digunakan dalam program. 4. Share kode dengan mudah Setiap proyek bisa dibagikan lewat link unik. Orang lain bisa langsung melihat dan mencoba menjalankannya. 5. Lingkungan yang aman Semua kode dijalankan di server Zapp.run, bukan di komputer kita. Cocok untuk eksperimen tanpa takut merusak sistem lokal. --- Kelebihan Zapp.run Gratis (ada versi ...
Baca selengkapnya

golden ratio

Gambar
PENGERTIAN RASIO EMAS Rasio emas adalah penemuan para matematikawan. Rasio ini tidak ada hubungannya dengan komposisi dalam lukisan. Seorang Yunani bernama Euclid, yang hidup sekitar tahun 400 SM, menemukan bahwa pembagian garis menurut rasio tertentu dapat berlangsung tanpa batas. Rasio ini adalah bilangan irasional, yang berarti tidak dapat dituliskan sebagai pecahan alami. Angka irasional ini adalah rasio emas. Angka tersebut adalah 1,618 diikuti oleh angka tak terhingga jumlahnya, dan huruf Yunani untuknya adalah Phi. Golden Ratio (Rasio Emas) adalah angka irasional yang dilambangkan dengan simbol φ (phi) dan memiliki nilai sekitar 1,6180339887… . Rasio ini ditemukan dengan membagi suatu garis menjadi dua bagian sedemikian rupa sehingga perbandingan antara seluruh panjang garis dengan bagian yang lebih panjang sama dengan perbandingan bagian yang lebih panjang dengan bagian yang lebih pendek. 1. Definisi Matematis Golden Ratio dapat dinyatakan dengan persamaan: Di mana: a ad...
Baca selengkapnya

Artikel Mengenai Pengembangan Gim

Gambar
  Artikel 1 Pengembangan Gim sebagai Bidang Keahlian di Sekolah Menengah Kejuruan Pengembangan gim merupakan salah satu bidang yang relevan dengan kompetensi keahlian di Sekolah Menengah Kejuruan (SMK), khususnya pada jurusan Rekayasa Perangkat Lunak (RPL), Multimedia, dan Pengembangan Gim. Pengembangan gim adalah proses pembuatan permainan digital yang melibatkan pemrograman, desain grafis, serta perencanaan sistem permainan. Tahap awal dalam pengembangan gim adalah perancangan konsep. Pada tahap ini, siswa menentukan jenis gim, tujuan permainan, target pengguna, dan platform yang digunakan. Perancangan konsep sangat penting agar proses pengembangan dapat berjalan secara terstruktur dan sesuai dengan kebutuhan. Tahap selanjutnya adalah implementasi, yaitu proses pembuatan gim menggunakan perangkat lunak pendukung seperti game engine Unity. Pada tahap ini, siswa menerapkan kemampuan pemrograman, pembuatan aset grafis, serta pengaturan alur permainan. Kegiatan ini melatih keterampil...
Baca selengkapnya