Merancang Tampilan Visual Website dengan Figma

Tugas
Membuat wireframe sederhana dan desain tampilan visual website toko online
menggunakan Figma.

Tujuan
Peserta mampu membuat wireframe sederhana dan desain tampilan visual website toko
online menggunakan Figma sesuai jenis bidang bisnis yang dipilih.

Peralatan
1. Laptop
2. Koneksi internet untuk mengakses situs Figma

Petunjuk
1. Download file uji keterampilan.
2. Pilihlah salah satu bidang bisnis berikut.
- Produk kecantikan
- Makanan dan minuman
- Pakaian
- Properti
3. Buatlah wireframe sederhana untuk desain tampilan visual website toko online dari
bidang bisnis yang Anda pilih.
4. Buka website www.figma.com, kemudian log in/sign up.
5. Buatlah desain tampilan visual website toko online berdasarkan bidang bisnis yang
dipilih dengan lengkap dan menarik. Gunakan wireframe yang telah dibuat sebagai
petunjuk dalam mendesain.
6. Ketika membuat desain tampilan visual website toko online, perhatikan hal-hal
berikut.
- Penggunaan layout website mudah dipahami dan terstruktur
- Penggunaan warna dan font yang konsisten
- Penggunaan gambar yang menarik

1
 Petunjuk
6. Jika telah selesai mengerjakan tugas, salin link alamat desain Figma Anda. Kemudian,
cantumkan link-nya (allow public links) pada lembar kerja di halaman 4.
7. Simpan dokumen link hasil tugas dalam format PDF dengan nama:
Desain Visual Website - [Nama Peserta]
8. Tugas dikumpulkan paling lambat 3 x 24 jam setelah pengerjaan post test.

Cara Mengumpulkan Tugas

Tugas Unjuk Keterampilan dapat dikumpulkan melalui aplikasi atau Learning Management
System (LMS). Yuk, ikuti langkah-langkah pengumpulan Tugas Unjuk Keterampilan berikut!
1. Siapkan file hasil Unjuk Keterampilan yang akan dikumpulkan.
2. Masuklah ke bagian Unjuk Keterampilan, lalu temukan tombol “Pilih File Tugas”.

Pilih File Tugas

3. Klik tombol tersebut, lalu cari dan pilih file hasil Unjuk Keterampilan untuk diunggah.
4. Setelah file diunggah, klik tombol “UPLOAD FILE”.

UPLOAD FILE

5. JIka ingin mengganti file yang sudah diunggah, Anda dapat menekan tombol berikut.
Kemudian. unggah ulang file yang diinginkan.

6. Setelah “Tugas Berhasil Diupload”, klik tombol “KIRIM”.

KIRIM

2
 Cara Mengumpulkan Tugas
7. Pada pop up yang muncul, klik tombol “KIRIM”.

8. Selamat, Tugas Unjuk Keterampilan sudah berhasil dikumpulkan!

3
 Lembar Kerja

Nama Lengkap : ROSNANI

Nomor Kartu Prakerja :
1254202355586346

Tautan/Link (allow public links) Desain Tampilan Visual

Website Toko Online (Figma)

https://www.figma.com/file/
h8JnWs3x1zdL3EO6fU2Dqf?type=design