TUGAS KELOMPOK - DESAIN WEBSITE PORTOFOLIO
Bentuk Kelompok
Silakan berkelompok terdiri dari 2 hingga 3 orang.
Tugas Inti:
Buatlah desain rancangan untuk sebuah website portofolio yang terdiri dari 3 halaman, yaitu:
Halaman Utama (Homepage)
Halaman Tentang (About)
Halaman Kontak (Contact)
Media Desain:
Ambil 3 lembar kertas HVS (satu halaman per lembar).
Gambar rancangan desain masing-masing halaman website di kertas tersebut.
Gunakan kreativitas kelompokmu dalam menggambar: tata letak, teks, gambar, ikon, dan elemen lainnya.
Warnai hasil desain agar lebih menarik dan mudah dipahami.
Catatan Penting:
Tugas ini dikerjakan secara manual (menggambar di atas kertas, bukan digital).
Diskusikan dan kerjakan secara kerja sama antar anggota kelompok.
Pastikan desain terlihat rapi, jelas, dan kreatif.
Pengumpulan:
Hasil desain dikumpulkan hari ini juga kepada guru/pengajar sebelum pelajaran berakhir.
1. Halaman Utama (Homepage)
Tujuan: Memberikan kesan pertama dan gambaran umum tentang pemilik portofolio.
Isi yang dianjurkan:
Nama Lengkap (misalnya: Farhan Putra)
Foto diri atau ilustrasi avatar
Kalimat sambutan (contoh: Selamat datang di portofolio saya!)
Deskripsi singkat tentang siapa kamu (misalnya: Saya adalah pelajar SMK yang tertarik pada desain grafis dan pemrograman web.)
Menu navigasi ke halaman About dan Kontak
Tata letak yang bisa digambar:
Header (judul dan menu)
Bagian tengah dengan foto + teks perkenalan
Footer (hak cipta, atau ikon media sosial)
2. Halaman About (Tentang Saya)
Tujuan: Menjelaskan siapa kamu, minat, dan keahlianmu.
Isi yang dianjurkan:
Nama lengkap
Riwayat singkat (asal sekolah, kelas)
Minat atau hobi (misalnya: Saya suka menggambar, membuat animasi, dan bermain musik.)
Keterampilan atau bidang yang dikuasai (contoh: desain grafis, HTML, CSS, Canva)
Cita-cita atau tujuan ke depan
Tata letak yang bisa digambar:
Foto atau ilustrasi
Teks paragraf perkenalan
Bullet point untuk keahlian atau hobi
3. Halaman Kontak
Tujuan: Memberikan informasi agar orang lain bisa menghubungi kamu.
Isi yang dianjurkan:
Nama
Alamat email (boleh email fiktif jika belum punya)
Nomor HP (boleh dikosongkan atau fiktif)
Akun media sosial (contoh: Instagram: @farhan.id, LinkedIn)
Formulir kontak sederhana (nama, email, pesan)
Tata letak yang bisa digambar:
Judul halaman: Hubungi Saya
Ikon media sosial (Instagram, email, dll.)
Kotak formulir (isi: Nama, Email, Pesan, dan Tombol Kirim)
TAMBAHKAN SESUAI KELOMPOK MASING-MASING, INI HANYA HAL UTAMA YANG HARUS ADA
MEMBUAT POSTINGAN
Judul: Proses Mendesain Poster Kemerdekaan dengan Canva
📂 Kategori: Desain
🏷️ Tag: Canva, Poster, Kemerdekaan, DKV, SMK
📚 Pendahuluan
Setiap tanggal 17 Agustus, bangsa Indonesia merayakan Hari Kemerdekaan. Sebagai siswa SMK jurusan DKV, saya mendapat tugas untuk membuat poster digital bertema Hari Kemerdekaan. Kali ini, saya memilih menggunakan Canva karena mudah diakses, user-friendly, dan memiliki banyak elemen grafis yang mendukung tema nasionalisme.
🎯 Tujuan Desain
Tujuan dari poster ini adalah untuk menggambarkan semangat perjuangan dan rasa cinta tanah air, dengan visual yang sederhana namun kuat. Saya ingin menyampaikan pesan bahwa kemerdekaan adalah hasil perjuangan para pahlawan, dan generasi muda harus menjaga serta menghargainya.
🛠️ Tools & Aset yang Digunakan
Platform desain: Canva.com
Font: League Spartan (judul), Lato (isi)
Elemen grafis:
Siluet pahlawan
Bendera merah putih berkibar
Background gradasi merah-putih
Ornamen bintang emas dan rantai putus
🔧 Proses Pembuatan Poster
1. Riset Referensi
Saya mencari inspirasi poster kemerdekaan dari Pinterest dan Instagram. Dari situ saya melihat tren desain minimalis dengan elemen nasional yang kuat, seperti bendera, peta Indonesia, dan siluet pejuang.
2. Membuat Layout Awal
Saya menggunakan format A3 (portrait) di Canva dan memilih latar belakang gradasi merah-putih yang menggambarkan warna bendera.
3. Menambahkan Elemen Visual
Saya menyusun elemen:
Siluet pahlawan di bagian tengah bawah
Bendera Indonesia berkibar di bagian atas
Judul "Dirgahayu Republik Indonesia ke-80" menggunakan font tegas dan modern
Tagline: "Terus Melaju untuk Indonesia Maju"
4. Pemilihan Warna dan Tipografi
Saya menggunakan kombinasi warna merah, putih, dan emas untuk kesan heroik dan semangat. Font dibuat kontras agar mudah terbaca dari kejauhan.
5. Revisi dan Penyempurnaan
Setelah berdiskusi dengan teman dan guru, saya mengganti warna background agar tidak terlalu ramai, dan mengatur ulang posisi teks agar lebih seimbang.
🖼️ Hasil Akhir
(Gambar di atas adalah mockup hasil poster saya setelah didesain di Canva)
💡 Refleksi & Pelajaran
Dari proyek ini, saya belajar bahwa desain bukan hanya soal keindahan, tapi juga komunikasi pesan. Canva sangat membantu karena fiturnya praktis dan cepat digunakan untuk tugas sekolah. Tantangannya adalah memilih elemen visual yang tidak terlalu berlebihan namun tetap bermakna.
Saya juga belajar pentingnya mengatur layout dan hirarki visual, agar mata pembaca langsung tertuju pada pesan utama.
🔗 Link Canva Project
Jika ingin melihat proyek ini lebih detail, kamu bisa klik tautan berikut:
👉 Lihat Desain di Canva (View Only)
📌 Penutup
Proyek ini menjadi salah satu karya favorit saya karena saya bisa menyampaikan semangat nasionalisme lewat desain. Saya berharap karya ini dapat menginspirasi teman-teman lain untuk terus belajar dan berkarya.
Terima kasih sudah membaca! Jika ada masukan atau ingin berdiskusi tentang desain poster, silakan tinggalkan komentar atau hubungi saya di halaman kontak.
Proses Mendesain Logo Kreatif dengan Canva
📂 Kategori: Desain
🏷️ Tag: Canva, Logo, Branding, DKV, SMK
📚 Pendahuluan
Sebagai siswa SMK jurusan Desain Komunikasi Visual (DKV), saya sering mendapat tugas untuk menciptakan berbagai karya visual. Salah satu tugas yang paling menantang sekaligus menyenangkan adalah membuat desain logo. Dalam tugas kali ini, saya bebas memilih konsep dan tema logo. Saya memutuskan untuk membuat logo untuk sebuah brand fiksi yang saya ciptakan sendiri.
Saya menggunakan Canva karena platform ini mudah diakses, banyak pilihan elemen grafis, serta sangat cocok untuk pemula maupun pengguna tingkat lanjut.
🎯 Tujuan Desain
Tujuan dari pembuatan logo ini adalah untuk menciptakan identitas visual yang kuat, sederhana, dan mudah dikenali, sesuai dengan karakter brand yang saya rancang. Logo ini diharapkan bisa mencerminkan nilai, visi, dan kesan profesional dari brand tersebut.
🛠️ Tools & Aset yang Digunakan
Platform desain: Canva / corel
Font: Montserrat (judul), Open Sans (subjudul dan teks kecil)
Elemen grafis:
Ikon bentuk geometris
Simbol minimalis
Palet warna custom
Grid untuk menyusun komposisi
🔧 Proses Pembuatan Logo
1. Menentukan Konsep dan Brand
Saya membuat logo untuk brand fiksi bernama "LUMOS", sebuah startup yang bergerak di bidang teknologi dan inovasi. Nama ini terinspirasi dari kata "light" atau cahaya—melambangkan solusi dan pencerahan.
2. Membuat Sketsa Awal
Saya membuat beberapa sketsa di kertas, mencoba berbagai bentuk dan simbol yang bisa merepresentasikan “cahaya” dan “teknologi”. Dari situ saya memilih konsep simbol cahaya abstrak berbentuk segitiga bersinar.
3. Digitalisasi di Canva
Di Canva, saya mulai membuat logo menggunakan elemen vektor dan ikon. Saya menyesuaikan bentuk, ukuran, dan warna agar sesuai dengan konsep. Saya juga mencoba beberapa variasi layout logo—vertikal dan horizontal.
4. Pemilihan Warna dan Tipografi
Saya memilih warna biru tua untuk kesan profesional dan kuning terang sebagai aksen energi. Tipografi yang saya gunakan clean dan modern agar mudah dibaca dan terkesan teknologi.
5. Revisi dan Finalisasi
Setelah mendiskusikan dengan teman dan guru, saya mengatur ulang proporsi antara ikon dan teks agar lebih seimbang. Saya juga mencoba versi hitam-putih untuk memastikan logo tetap kuat tanpa warna.
🖼️ Hasil Akhir
(Gambar mockup logo ditampilkan di sini – logo versi full color atau versi monokrom)
🔗Makna Logo
Penjelasan makna logo secara detail
💡 Refleksi & Pelajaran
Dari proyek ini, saya belajar bahwa desain logo bukan hanya soal estetika, tapi soal identitas dan komunikasi visual. Proses eksplorasi ide sangat penting, dan revisi adalah bagian tak terpisahkan dari desain. Saya juga menyadari bahwa Canva, meskipun berbasis online, cukup mumpuni untuk membuat logo sederhana namun profesional. Yang paling menantang adalah menjaga logo tetap sederhana namun bermakna.
📌 Penutup
Membuat logo adalah salah satu proses kreatif favorit saya karena saya bisa mengekspresikan ide dan karakter brand melalui bentuk visual yang kecil namun penuh arti. Semoga postingan ini bisa menginspirasi teman-teman lain untuk terus belajar dan berani mencoba hal baru dalam dunia desain.
Terima kasih telah membaca! Jika kamu ingin berdiskusi soal desain logo atau ingin memberikan masukan, jangan ragu untuk tinggalkan komentar atau hubungi saya!
Desain Branding Identity untuk Gerobak Makanan UMKM: Simpel, Menarik, dan Berkarakter
📂 Kategori: Desain
🏷️ Tag: Branding, UMKM, Identitas Visual, Gerobak, Logo, Warung Makan, DKV, Desain
Berikut adalah komponen desain branding yang saya buat dan penjelasan maknanya:
1. Logo Utama
Bentuk: Lingkaran sebagai dasar logo, simbol keakraban dan fleksibilitas
Ikon: Ilustrasi gorengan dalam kertas minyak + ekspresi senyum
Warna:
Oranye hangat: Menandakan makanan yang digoreng, hangat, dan lezat
Cokelat tua: Menunjukkan rasa gurih dan identik dengan warna gorengan
Font: Bold, sedikit rounded, agar ramah namun tetap kuat
🎯 Makna Logo:
Mewakili kelezatan makanan kaki lima dengan tampilan yang bersih dan ramah. Lingkaran membantu memperkuat identitas ketika digunakan di gerobak, banner, dan media sosial.
2. Palet Warna Brand
Oranye (#F7941D) – Enerjik, mengundang selera
Putih (#FFFFFF) – Bersih, netral
Cokelat tua (#5A3E2B) – Hangat, stabil
Kuning pastel (#FFF3C2) – Ringan, friendly
🎯 Makna:
Kombinasi warna ini membuat desain tetap cerah dan ceria, cocok untuk pasar UMKM makanan ringan, tanpa terlihat murahan.
3. Tipografi Brand
Judul/Heading: Poppins Bold
Isi/Keterangan: Montserrat Regular
Dipilih karena bentuk huruf modern, tegas, dan mudah dibaca bahkan dari jauh.
4. Desain Gerobak
Atap Gerobak (Bagian atas depan)
Tempat logo utama yang besar dan nama gerobak
Biasanya paling terlihat dari jauh, jadi harus kontras dan jelas
Sisi Depan Gerobak
Area jualan makanan, bisa ditempel stiker besar logo
Bisa juga pasang tagline menarik dan elemen grafis (misal ilustrasi gorengan)
Tempat QR code untuk pemesanan online
Sisi Kiri & Kanan Gerobak
Bisa diberi logo kecil atau elemen pendukung
Desain minimalis agar tidak terlalu penuh
Bisa juga tempat info kontak atau sosial media
Meja Gerobak
desain meja depan
🎯 Makna:
Desain ini bertujuan untuk menarik perhatian pejalan kaki. Logo dan warna harus terlihat bahkan dari jarak 10 meter. QR Code menunjukkan bahwa UMKM ini juga siap melayani era digital (GoFood, ShopeeFood, dll).
PENGGANTIAN TEMA
Ganti tema kalian menjadi "NOOK"
lalu terapkan
UPLOAD GAMBAR DESAIN DI MEDIA LIBRARY
Upload 6 gambar desain banner gerobak di media library
buka lah dasboard
klik media
add media
upload gambar mu
MEMBUAT POSTINGAN
Buatlah postingan yang menjelaskan desain banner gerobak UMKM mu