STEP 3: Membuat section navigation bar
Untuk membuat navigation bar, kita dapat menggunakan navigation bar component yang sudah disediakan oleh Bootstrap. Sebelum itu, kita buat dahulu tag
Copy dan paste code HTML navigation bar component tersebut kemudian kita ubah beberapa nilai classnya pada file index.html menjadi seperti berikut:
Kemudian kita berikan styling pada style.css untuk merapikan tampilan navigation bar,
Nah untuk section navigation bar sudah selesai kita buat. Yeay!
STEP 4: Membuat section hero
Sebagai pelengkap header website, perlu adanya hero yang berisi CTA button serta informasi yang menjelaskan secara singkat mengenai website tersebut. Untuk membuat hero dapat menambahkan tag berikut pada index.html,
Kemudian kita beri styling pada style.css. Styling ini akan membuat hero berada ditengah layar kita serta bersifat responsif.
STEP 5: Menggunakan google font
Jika dilihat dari CSS yang kita buat pada step 4 terdapat "font-family" dibeberapa CSS selector namun jika kita jalankan file index.html, font tersebut belum diterapkan. Hal ini karena kita belum melakukan import Google Font ke dalam projek kita. Ada dua font yang kita gunakan pada projek ini yaitu Poppins, Abhaya Libre dan Pacifico.
Untuk menggunakan Google Font, dapat kita import font tersebut ke dalam projek kita. Ada dua cara melakukan import font kedalam sebuah projek,
1. Melakukan import ke dalam file style.css
Setelah memilih font yang diinginkan, copy dan paste nilai @import pada bagian paling atas style.css,
2. Melakukan import ke dalam file index.html
Setelah memilih font yang diinginkan, copy dan paste tag pada bagian
Nah selesai sudah cara membuat header dengan video background dengan hasil seperti ini:
Untuk kode lengkapnya dapat dilihat disini ya,
Bagaimana? mudah bukan!
Yuk kreasikan dengan kreativitasmu untuk membuat header yang lebih menarik lagi! Kalau kalian butuh membuat header dengan cepat dan menarik, langsung aja cek di Elements BuildWith Angga ya! Ada banyak component lain yang bisa kalian gunakan juga loh.
Ingin usaha dikenal masyarakat luas? Salah satu strategi yang perlu dilakukan yakni dengan mempromosikan produk atau jasa yang ditawarkan melalui sosial media. Hampir semua pebisnis promosi dengan video pendek. Meski membuat video tidak semudah poster, video lebih efektif menunjukkan kepada dunia bahwa produk yang ditawarkan lebih baik.Video promosi mampu membangun kesadaran masyarakat akan produk atau layanan yang ditawarkan di dalamnya. Sehingga, mereka tertarik untuk menggunakannya. Namun, pembuatan video perlu adanya tips dan trik yang tepat. Berikut apa saja hal-hal yang bisa dilakukan untuk membuat video promosi semakin menarik khususnya bagi UMKM.Trik Bikin Video Promosi yang Menarik Secara Organik untuk UMKM1. Kenali Tujuan VideoHal pertama yang perlu dilakukan sebelum membuat yakni menentukan tujuan pembuatan video. Mulai dari penjualan produk atau jasa, meningkatkan kesadaran merek hingga mengenalkan produk baru. Dengan tujuan jelas, kamu akan memperoleh strategi dan pesan yang tepat untuk meraih tujuan. Brand pun mendapatkan nilai tambah tersendiri.2. Tentukan Target PasarTarget audiens juga tidak kalah penting untuk membuat video promosi dengan efektif. Pahami siapa saja yang ingin dijangkau dengan mengenali kebutuhan serta keinginan mereka. Dengan begitu, kamu dapat menciptakan konten yang menarik dan sesuai dengan hobi, minat dan kebiasaan konsumen.3. Buat Script seperti StorytellingAgar berhasil menggugah emosi, menarik perhatian serta mendorong konsumen, kamu perlu menentukan pesan utama pada video yang ingin disampaikan. Usahakan membuat pesan dengan singkat, jelas dan mudah dipahami. Buat narasi atau dialog yang dapat menggugah emosi seperti dengan humor, drama atau cerita.4. Terapkan Animasi dengan KreatifTeknik visual yang menarik bisa diwujudkan dengan animasi, video klip atau animasi. Gunakan teknik visual dengan animasi untuk menjelaskan bagaimana produk bekerja atau grafik untuk menampilkan data yang relevan. Hindari penggunaan visual yang kontras dengan merk atau nilai merk.Perhatikan komposisi visual agar berhasil menarik perhatian audiens langsung. Kamu bisa memilih warna, kontras dan tata letak yang baik dan pas. Sehingga, video promosi berhasil bersaing di tengah keramaian dunia maya. Perlu dicatat bahwa konsistensi visual di seluruh video iklan ialah kunci untuk menciptakan pengalaman yang berbeda.Pilihlah gaya visual yang merepresentasikan identitas brand seperti logo, font serta elemen desain. Selain memperkuat citra band, hal tersebut juga mampu meningkatkan profesionalisme. Dengan visual yang konsisten, pesan dapat tersampaikan dan mudah dikenali.5. Gunakan Musik ViralHindari pemaparan video yang monoton agar audiens tidak bosan. Buatlah sedikit kreasi pada video promosi seperti dengan menggunakan musik viral sehingga videomu menjadi trending. Terapkan transisi dari satu produk ke produk lainnya. Bisa juga dengan menggunakan jasa model yang tengah membawa produk dan menari sesuai irama musik. Jangan gunakan musik yang membutuhkan hak cipta.6. Pilih PlatformPlatform yang tepat juga termasuk strategi penting dalam membuat video promosi. Berbagai platform tersedia dengan ciri khas tersendiri seperti YouTube, TikTok, Instagram, Facebook dan Twitter. Sebab, setiap platform memilih fitur yang berbeda sehingga kamu perlu memilih media sosial yang tepat untuk mengunggah video promosi. Perhatikan juga anggaran dan biaya yang tersedia.
Trik Bikin Video Promosi yang Menarik Secara Organik untuk UMKM
1. Kenali Tujuan Video
Hal pertama yang perlu dilakukan sebelum membuat yakni menentukan tujuan pembuatan video. Mulai dari penjualan produk atau jasa, meningkatkan kesadaran merek hingga mengenalkan produk baru. Dengan tujuan jelas, kamu akan memperoleh strategi dan pesan yang tepat untuk meraih tujuan. Brand pun mendapatkan nilai tambah tersendiri.
2. Tentukan Target Pasar
Target audiens juga tidak kalah penting untuk membuat video promosi dengan efektif. Pahami siapa saja yang ingin dijangkau dengan mengenali kebutuhan serta keinginan mereka. Dengan begitu, kamu dapat menciptakan konten yang menarik dan sesuai dengan hobi, minat dan kebiasaan konsumen.
3. Buat Script seperti Storytelling
Agar berhasil menggugah emosi, menarik perhatian serta mendorong konsumen, kamu perlu menentukan pesan utama pada video yang ingin disampaikan. Usahakan membuat pesan dengan singkat, jelas dan mudah dipahami. Buat narasi atau dialog yang dapat menggugah emosi seperti dengan humor, drama atau cerita.
4. Terapkan Animasi dengan Kreatif
Teknik visual yang menarik bisa diwujudkan dengan animasi, video klip atau animasi. Gunakan teknik visual dengan animasi untuk menjelaskan bagaimana produk bekerja atau grafik untuk menampilkan data yang relevan. Hindari penggunaan visual yang kontras dengan merk atau nilai merk.
Perhatikan komposisi visual agar berhasil menarik perhatian audiens langsung. Kamu bisa memilih warna, kontras dan tata letak yang baik dan pas. Sehingga, video promosi berhasil bersaing di tengah keramaian dunia maya. Perlu dicatat bahwa konsistensi visual di seluruh video iklan ialah kunci untuk menciptakan pengalaman yang berbeda.
Pilihlah gaya visual yang merepresentasikan identitas brand seperti logo, font serta elemen desain. Selain memperkuat citra band, hal tersebut juga mampu meningkatkan profesionalisme. Dengan visual yang konsisten, pesan dapat tersampaikan dan mudah dikenali.
5. Gunakan Musik Viral
Hindari pemaparan video yang monoton agar audiens tidak bosan. Buatlah sedikit kreasi pada video promosi seperti dengan menggunakan musik viral sehingga videomu menjadi trending. Terapkan transisi dari satu produk ke produk lainnya. Bisa juga dengan menggunakan jasa model yang tengah membawa produk dan menari sesuai irama musik. Jangan gunakan musik yang membutuhkan hak cipta.
Platform yang tepat juga termasuk strategi penting dalam membuat video promosi. Berbagai platform tersedia dengan ciri khas tersendiri seperti YouTube, TikTok, Instagram, Facebook dan Twitter. Sebab, setiap platform memilih fitur yang berbeda sehingga kamu perlu memilih media sosial yang tepat untuk mengunggah video promosi. Perhatikan juga anggaran dan biaya yang tersedia.
©2024 iStockphoto LP. Desain iStock adalah merek dagang iStockphoto LP.
Mendukung sustainable fashion tidak harus sulit atau mahal. Langkah pertama adalah menjadi konsumen yang sadar. Pilih merek yang transparan dan memiliki komitmen terhadap keberlanjutan. Seperti yang disarankan Immago, perhatikan label pada pakaian Anda—pilih bahan yang ramah lingkungan dan proses produksi yang etis.
Selain itu, mulailah menerapkan prinsip "less is more." Alih-alih membeli pakaian baru setiap musim, pertimbangkan untuk memanfaatkan kembali apa yang sudah Anda miliki. Memperbaiki pakaian atau membeli barang preloved juga merupakan cara yang sederhana namun efektif untuk mengurangi limbah tekstil.
Yang tak kalah penting adalah mendukung inovasi lokal. Banyak desainer dan pengrajin kini berfokus pada produk yang lebih berkelanjutan. Dengan memilih produk mereka, Anda tidak hanya membantu menjaga lingkungan, tetapi juga mendukung ekonomi komunitas. Sustainable fashion adalah tentang keseimbangan—antara gaya, etika, dan tanggung jawab.
Sustainable fashion bukan hanya sebuah tren, melainkan kebutuhan. Dalam dunia yang semakin sadar akan pentingnya keberlanjutan, konsep ini tetap relevan dari waktu ke waktu. Dengan langkah kecil, seperti memilih pakaian yang ramah lingkungan dan mendukung produksi etis, kita dapat membantu menciptakan masa depan yang lebih baik, baik bagi planet ini maupun bagi diri kita sendiri.
Penulis: Azura Puan Khalisa
#Unlocking the Limitless
STEP 2: Menambahkan video sebagai background
Pada file HTML, kita dapat membuat tag
Kemudian berikan styling pada file style.css. Styling ini akan membuat video memiliki ukuran lebar dan panjang mengikuti perangkat. Untuk CSSnya seperti ini,
STEP 1: Menyiapkan file HTML dan CSS
Siapkan file index.html dan style.css pada folder yang sama. Disini kita akan menggunakan Bootstrap sebagai framework CSS untuk membantu kita membuat projek dengan lebih mudah. Sebagai awalan, kita copy saja starter template dari sini ya. Setelah itu jangan lupa untuk menambah tag untuk memanggil file style.css kita. Berikut code index.html yang telah dirapikan,
Siapkan file index.html dan style.css pada folder yang sama. Disini kita akan menggunakan Bootstrap sebagai framework CSS untuk membantu kita membuat projek dengan lebih mudah. Sebagai awalan, kita copy saja starter template dari sini ya. Setelah itu jangan lupa untuk menambah tag untuk memanggil file style.css kita. Berikut code index.html yang telah dirapikan.
Daftar Isi 1. Cara Buat Video Iklan Produk Hanya dengan HP 2. Tips Meyakinkan Pelanggan dalam Video Review Produk 3. Tips Buat Video Produk dengan Peralatan Seadanya 4. Tips Membuat Iklan Video Produk Minuman 5. Cara Membuat Video Produk dengan Teknik One Take 6. Intip Tips Video Low Budget dengan Hasil Eksklusif 7. Edit Video Cinematic dengan 6 Aplikasi Ini 8. Tips Sukses Membuat Video Animasi untuk Promosi Produk 9. Aplikasi untuk Membuat Video Motion Graphic 10. Ide Konsep Video Promosi Produk yang Trend di 2021
Sobat Shipper pasti sudah menyadari bahwa kekuatan media sosial dalam bisnis kini sangat luas biasa. Bukan hanya dari segi marketing, tapi juga dari segi brandingnya.
Dalam media sosial banyak sekali fitur yang bisa dimanfaatkan, dan pada akhirtahun 2021 ini ternyata fitur yang sangat berkembang adalah video. Ya, kini banyak sekali media sosial yang menggunakan video sebagai juara utama dari fitur mereka. Video promosi adalah tampilan produk yang dibuat dengan sebuah konsep menarik (bisa ditambahkan dengan musik) sehingga lebih interaktif.
Mulai dari Instagram, TikTok, Youtube yang sangat mengandalkan konten berjenis video dalam meraih banyak penonton. Faktanya, algoritma video ini memang lebih diminati oleh para penonton, dibandingkan hanya sekedar foto dan tulisan. Bahkan kini promosi video youtube sudah sangat lazim ditemui.
Sejak tahun 2019 lalu, sebanyak 80% konsumen di media sosial datang melalui video yang tersebar di dunia digital. Semakin tahun angka tersebut semakin meningkat, dan kini di tahun 2021 sudah dibuktikan bahwa video promosi bisa memberikan dampak besar pada sebuah bisnis.
Bahkan Instagram, yang tadinya fokus pada foto dan tulisan, kini lebih fokus pada fitur reels yang berjenis video untuk meraih konsumen lebih banyak. Terbukti bukan, bahkan kini video sangat mengungguli di bagian manapun.
Kira-kira, apa saja jenis video produk yang populer di tahun 2021? Ada banyak konsep video yang menarik selama ini, tapi jika dikerucutkan ini dia 5 contoh konsep video populer yang ada selama tahun 2021 :
Tahun 2021 ini nampaknya orang-orang menyukai video promosi berbentuk live streaming. Konsep video promosi yang menarik dan digunakan banyak UMKM dari segala kalangan adalah ini. Live streaming adalah salah satu contoh konsep video yang mengutamakan interaksi antara penonton dan penjual.
Video live streaming pada tahun 2021 ini dinilai memiliki tingkat kesuksesan diatas 50%. Alasannya sederhana, akrena penjual dan pembeli bisa berinteraksi secara langsung via daring, sehingga memudahkan pembelian.
Jika diibaratkan, video live streaming ini memiliki konsep yang sama seperti dengan toko offline. Oleh karena itu, banyak penonton yang menyukai jenis konsep video ini.
Selain konsep video yang menarik, video live streaming juga dinilai mengusung kesederhanaan dan apa adanya. Karena seperti namanya, video live akan disisarkan secara langsung tanpa tahap editing, maka dari itu, Sobat Shipper yang akan membuat video ini haruslah berhati-hati dalam berbicara dan tawar menawar produk di dalamnya.
Jangan terlalu fokus pada produk, tapi harus lebih fokus pada penonton. Karena itu fungsinya video live streaming, yaitu berinteraksi dengan para penonton.
Video dengan durasi yang pendek lebih diminati oleh penonton loh Sobat Shipper. Pasti Sobat Shipper sering menjumpai konsep video promosi yang menarik ini di banyak platform. Instagram reels, Instagram stori, bahkan di TikTok, atau Youtube Stori pun mengusung tema video dengan durasi pendek.
Tahun 2021 ini aplikasi TikTok sangat mendunia. Mengapa? Karena durasi video yang relative pendek dan menghibur, membuat orang-orang kecanduan untuk terus menonton video di TikTok karena durasi satu kontennya terbilang pendek dan akan membuat ketagihan untuk mencari video lain.
Nah, video durasi pendek ini bisa kamu gunakan sebagai salah satu teknik promosi loh. Sobat Shipper harus bisa membuat konsep yang menarik walaupun dengan durasi yang pendek.
Tipsnya adalah, membuatnya lebih ringkas tapi jelas dan gunakan musik atau hastag yang sedang populer. Ingat, trend selalu berhubungan dengan waktu, jadi jangan sampai kelewat timing untuk membuat konten yang sedang trending.
Kali ini dari segi isi kontennya. Sobat Shipper pasti sebelum membeli produk, harus tahu cara penggunaanya kan supaya lebih berguna ketika nanti sudah membeli. Itu dia, esensi pembuatan video tutorial produk.
Biasanya yang menggunakan konsep ini adalah Sobat Shipper yang menjual produk make-up, skincare, atau hal-hal yang bisa dirakit seperti mainan atau mungkin tutorial cara memasak makanan. Banyak sekali produk yang bisa menggunakan konsep video ini.
Video tutorial ternyata tidak sembarangan buat tutorialnya saja loh. Ternyata, dalam konsep video tutorial banyak sekali yang bisa dikreasikan. Misalnya, kita tahu kalau eyeshadow penggunaanya hanya seperti itu, apa yang perlu di tutorialkan? Ada banyak sekali hal yang perlu di tutorialkan, pemilihan warna, cara mengolesnya, dan lain sebagainya. Itu dia yang bisa Sobat Shipper kreasikan dalam satu video tutorial.
Video promosi yang bagus tidak hanya mementingkan produk, tapi juga mementingkan perasaan konsumen. Nah, Sobat Shipper jangan terpaku pada produknya ya, tapi harus bisa menyentuh hati para penonton supaya ingin membeli produkmu!
Edukasi? Membosankan ah!
Kata siapa membosankan, Sobat Shipper tahu tidak ternyata konten edukasi ini sangat populer di tahun 2021 loh! Kenapa bisa ya, padahal kan edukasi biasanya membuat malas penonton? Ternyata konten edukasi yang dimaksud bukanlah konten yang “mengajari” penonton. Tapi memberi tahu informasi-infromasi terkait produknya.
Nah pada kebanyakan konten edukasi yang trending, biasanya brand memberi tahu informasi seputar produknya, jadi tidak melulu tentang produk.
Misalnya, Sobat Shipper menjual produk tas handmade, kemudian kamu memberikan edukasi cara pemakaian yang baik dan benarnya. Atau mungkin cara mencuci tas yang kotor. Nah informasi tersebut masih seputar tas yang sobat jual, tapi tidak spesifik untuk produk itu saja.
Sobat tidak tahu harus membuat konten edukasi yang bagaimana? Apa yang penonton ingin tahu kamu juga tidak tahu? Tak masalah, kamu bisa manfaatkan fitur-fitur yang ada di media sosial bisnismu. Instagram story poling misalnya, atau mungkin open question di Instagram dan tiktok. Lihat juga komen dari postan sebelumnya. Kamu pasti bisa menemukan banyak bahan untuk membuat video konten edukasi ini.
Katalog adalah hal yang paling utama dalam bisnis. Dengan katalog, pelanggan jadi lebih mudah untuk mencari mana kira-kira barang yang mereka sukai. Nah, konsep video promosi yang menarik tentang katalog ini tidak hanya memaerkan barang saja loh.
Sobat Shipper, dalam pembuatan video katalog, kamu harus mengurangi pemaparan yang “itu-itu saja”. Maksudnya, kamu harus membuat sedikit kreasi pada video katalog yang dibuat.
Menggunakan musik viral sangat membantu trendingnya video yang sobat buat. Nah, Sobat Shipper bisa menggunakan transisi dari perpindahan produk satu ke produk lainnya. Kemudian jangan lupa, model yang sedang membawa produk diusahakan bisa bergerak sesuai irama musiknya. Ini akan memberikans variasi dalam pembuatan video katalog yang Sobat Shipper buat.
Itu dia, 5 contoh konsep video yang trending selama tahun 2021 ini. Selama tahun 2021, banyak sekali jenis-jenis konten yang berkembang dan juga trending. Namun 5 jenis ini adalah yang bertahan cukup lama di tahun 2021.
Kalau Sobat Shipper sendiri sudah mempertahankan apa saja selama tahun 2021 ini? Jenis konten yang sama, atau mungkin jasa pengiriman Sobat Shipper? Eh, atau malah jasa pengirimannya bermasalah? Jangan khawatir! Gunakan Shipper sebagai jasa pengirimanmu, dijamin tidak ada masalah pengiriman! Yuk, cari informasi lebih lanjut hanya di shipper.id!
Hello people with the spirit of learning!
Di tips ini kita akan coba membuat header menggunakan HTML dan CSS yang menarik dengan menambahkan video sebagai background dari header tersebut. Nah, header itu apa sih? Umumnya header adalah section paling atas yang berada pada halaman utama website. Header berisi navigation links, company logo, Call To Action (CTA) button dan company tagline & caption. Section header cukup penting untuk sebuah website. Dengan adanya header, user yang berkunjung ke dapat memberi informasi mengenai layanan atau tujuan apa yang dimiliki oleh company tersebut. Anggaplah header website sebagai halaman depan sebuah toko, maka orang yang melihat toko tersebut dapat melihat informasi singkat mengenai toko tersebut.
Untuk melihat contoh section header menarik sekaligus ingin belajar membuatnya, bisa langsung cek saja di sini ya! Kalian bisa langsung download dan pakai component yang tersedia di Elements BuildWith Angga loh.
Ayo langsung aja kita mulai cara membuat header lebih menarik dengan video background!
