Merancang Tampilan Visual Website (UI Design) dengan Figma bagi Desainer Website

Coba kamu refleksikan ke diri kamu, apa yang kamu lakukan ketika bangun tidur? kamu langsung mengecek handphone, kan? Ya, di zaman sekarang dimana teknologi dan digitalisasi marak diadaptasi, perilaku manusia atau konsumen kebanyakan pun berubah. Kita jadi tidak bisa lepas dari handphone dan melakukan banyak aktivitas dari handphone, belajar dari hand phone, berkomunikasi dengan orang lain dari handphone, berbelanja dari hand phone, ataupun melakukan aktivitas lainnya dari handphone. 

Menyadari hal tersebut, akhirnya banyak bisnis yang tergerak untuk menunjukkan eksistensi maupun produknya secara digital. Banyak bisnis jadi mengerti pentingnya website perusahaan, aplikasi, atau pun representasi digital lainnya dari bisnis dan menghadirkannya untuk konsumen. Hal itu dibuktikan dari riset yang dilakukan oleh tim websiterating.com bahwa di tahun 2021 sudah ada lebih dari 1,83 miliar website, lebih dari 4 juta aplikasi mobile, dan secara global ada 4 miliar orang menggunakan internet secara aktif. Upaya dalam menghadirkan diri secara digital tidak lain agar bisnis atau perusahaan bisa terus dekat dengan konsumen dan dalam jangka panjang tentu untuk menghasilkan revenue.

Namun, hanya sekadar menghadirkan website tanpa memerhatikan isinya tidak serta merta membuat bisnis bisa tetap dekat dengan konsumen apalagi menghasilkan revenue. Setiap bisnis harus memikirkan bagaimana website-nya bisa mudah diakses, informasi yang tersajikan di dalamnya membantu konsumen, dan juga tampilannya bisa membuat konsumen betah berlama-lama mengeksplor website. Ketiga tantangan tersebut berkaitan erat dengan UI/UX desain dari website dan orang yang dapat menyelesaikannya adalah desainer website. Karena itu, demand pekerjaan desainer website atau yang juga bisa disebut UI designer cukup tinggi. LinkedIn memvalidasi demand tersebut dengan menyatakan profesi UI designer adalah profesi yang berada di 15 teratas yang paling banyak dicari oleh perusahaan.  

Nah, untuk kamu yang ingin terjun di dunia UI design dan ingin berkarir sebagai UI designer, kamu perlu mendalami tentang UI design. Kamu bisa mendalaminya di kelas ini, karena di kelas ini kamu akan belajar dari dasar, mulai dari mengenal apa itu UI atau user interface dan peran UI designer dalam pengembangan website, memahami setiap aturan atau best practice dari komponen visual desain dalam mendesain UI, membedakan setiap prinsip gestalt yang menjadi acuan populer bagi UI designer, dan mengenal figma dan fitur-fiturnya. Yang membuat kelas ini semakin menarik, kita akan bersama-sama membuat suatu high fidelity prototype website toko elektronik dan juga akan belajar bagaimana mengevaluasi desain yang sudah jadi. Yuk, beli kelasnya!

Tujuan Umum:
Peserta mampu menampilkan penguasaan minimal 75% dalam perancangan desain website menggunakan Figma sesuai standar kompetensi nasional saat mengerjakan tugas praktik mandiri

Tujuan Khusus:
1. Peserta mampu menjelaskan konsep user interface (tampilan visual) dalam sebuah website

2. Peserta mampu menjabarkan komponen visual dalam sebuah desain

3. Peserta mampu membedakan teknik prototyping seperti paper prototype, low fidelity prototype, dan high fidelity prototype

4. Peserta mampu menerapkan prinsip Gestalt dalam desain website

5. Peserta mampu menggunakan Figma untuk membuat desain website toko online

6. Peserta mampu menambahkan interaksi dalam prototipe desain website toko online

7. Peserta mampu melakukan export prototipe desain website menggunakan mockup

8. Peserta mampu melakukan evaluasi desain website

9. Peserta mampu bersikap cermat dalam menambahkan interaksi antar halaman prototipe

10. Peserta mampu bersikap kreatif dalam mendesain website toko online

1. Pendidikan minimal SMA/sederajat

2. Staf UI/UX desainer, software engineer, business development, dan marketing yang ingin mendalami tentang desain website

3. Product manager perusahaan teknologi yang telah memiliki kemampuan dasar dan ingin meningkatkan kemampuan desain website

4. Masyarakat umum yang ingin mempelajari proses pengembangan produk digital

5. Start-up founder yang ingin mendalami tentang proses desain website

6. Laptop/komputer dengan internet

7. Memiliki laptop dengan spesifikasi:

- Sistem operasi Windows 8 keatas, 64 bit atau MacOS Sierra keatas.

- Browser dengan versi: Chrome 64+, Firefox 78+, Safari 11.1+, Microsoft Edge 79+ 

- Memiliki akses internet yang stabil untuk mengakses https://www.figma.com/

Ceramah, Peragaan, Membaca PDF, Studi kasus

Tiap Jumat, jam 16.00-17.00 WIB bersama dengan Reggy Permadi

Okupasi, Profesional, Desainer website, Menjelaskan konsep UI dalam sebuah website, Menggunakan Figma untuk membuat desain website, Kreatif dalam mendesain website toko online, UI Design, Komponen Visual Desain, High Fidelity Prototype, Fitur-Fitur Figma