Cara Membuat Gambar Pahlawan Sempurna untuk Situs Portofolio Anda
.

Artikel ini dibuat dalam kemitraan dengan BAWMedia. Terima kasih telah mendukung mitra yang membuat SitePoint menjadi mungkin.

Yang dibutuhkan hanyalah hitungan detik bagi pengunjung untuk membentuk kesan tentang sebuah situs web. Mengingat gambar pahlawan di halaman beranda adalah konten pertama yang ditemui sebagian besar pengunjung, kesan seperti apa yang Anda ingin mereka dapatkan ketika mereka melihat milik Anda?

Untuk memaksimalkan pertemuan awal ini, citra pahlawan Anda harus dipikirkan dan dijalankan dengan baik. Itu perlu menyampaikan jenis pencipta Anda, menawarkan pratinjau bakat Anda, dan memberi pengunjung alasan untuk menjelajah lebih jauh.

Untuk membuat gambar pahlawan yang sempurna untuk situs web portofolio Anda, ada 6 elemen yang harus difokuskan. Dalam posting ini, kita akan melihat apa elemen-elemen itu serta beberapa contoh situs web yang dibuat sebelumnya dari BeTheme – salah satu Tema WordPress paling populer dan berperingkat tinggi di dunia dengan 264,000+ penjualan dan 4,83 dari 5 bintang. – dan merek lain yang menunjukkan berbagai cara untuk menyatukan mereka secara artistik.

Merancang gambar pahlawan yang sempurna untuk situs web portofolio Anda

Secara umum, ada 6 elemen yang bersatu untuk membentuk setiap bagian pahlawan, apa pun jenis situs yang Anda buat. Berikut adalah beberapa hal yang perlu dipikirkan saat Anda membuat gambar pahlawan menggunakan komponen penting ini:

1. Pilih citra yang akan menjadi refleksi terbaik dari apa yang Anda lakukan

Gambar yang Anda pilih untuk gambar pahlawan Anda harus memiliki hubungan langsung dengan jenis pekerjaan yang Anda lakukan.

Misalnya, Lauren Waldorf Interiors adalah studio desain interior butik. Dengan demikian, bagian pahlawan berisi galeri foto geser dari proyek yang telah selesai:

Interior Lauren Waldorf

Untuk fotografer, videografer, desainer web, dan seniman visual lainnya, Anda mungkin memiliki banyak grafik yang dapat Anda pamerkan sebagai pahlawan. Untuk seniman yang bekerja dengan jenis media lain, mungkin sulit untuk menggambarkan apa yang Anda lakukan secara visual.

Dalam kasus terakhir, Anda mungkin memutuskan untuk menjadikan wajah Anda gambar utama di bagian pahlawan, seperti yang kita lihat di gambar pahlawan situs web pra-bangun BeDJ 2:

Tema BeDJ

Wajah DJ memberi pengunjung sesuatu yang lebih menarik secara visual untuk dilihat daripada hanya sekumpulan warna dan grafik yang berhubungan dengan musik. Ini juga menciptakan hubungan langsung antara tubuh karya dan seniman.

Saat Anda mendesain gambar pahlawan Anda, pertimbangkan hal berikut:

  • Apa atau siapa yang harus menjadi subjek utama dari bagian ini?
  • Apakah gambar termasuk di latar depan atau dicampur dengan latar belakang?
  • Apakah gambar tersebut tidak akan tersentuh atau adakah cara untuk membuatnya tampak lebih artistik?

Juga, apakah Anda bahkan membutuhkan citra sama sekali? Misalnya, jika Anda seorang desainer font atau copywriter, maka Anda mungkin memutuskan untuk melewatkan gambar dan membiarkan teks Anda yang berbicara.

Baca Juga:  Cara Membuat Situs E-niaga yang Sesuai dengan ADA: Kiat untuk Pemilik Bisnis

2. Gunakan latar belakang untuk memberikan lebih banyak detail tentang apa yang Anda lakukan

Ada berbagai cara untuk menangani latar belakang bagian pahlawan.

Dalam beberapa kasus, pekerjaan Anda mungkin menempati latar belakang. Misalnya, seorang videografer dapat menempatkan tayangan slide video mereka di latar belakang. Ini tidak hanya akan membuat situs web terasa hidup, tetapi juga memberi pengunjung pratinjau singkat tentang pekerjaan Anda.

Dalam kasus lain, Anda mungkin ingin memberikan sedikit gambaran tentang pekerjaan Anda di bagian pahlawan, seperti contoh ini dari situs web pra-bangun BeInterior 6:

Jadilah Interior 6

Galeri foto mengambil sekitar seperempat dari lebar bagian. Sementara desainer dapat menggunakan latar belakang warna untuk membingkai karya, mereka memilih untuk menambahkan foto bertekstur sebagai gantinya. Lembaran tidak hanya memberikan warna yang nyaman untuk latar belakang, ini adalah cara kreatif untuk menambahkan konteks pada apa yang dilakukan desainer interior.

Pilihan Anda yang lain adalah menggunakan warna solid atau gradien (bersama dengan ilustrasi) di latar belakang seperti yang dilakukan Mindgrub:

mindgrub

Untuk materi iklan digital, ini mungkin pilihan terbaik Anda. Meskipun Anda dapat memamerkan tangkapan layar situs web yang telah Anda buat atau kit UI yang telah Anda kembangkan, Anda dapat menggunakan ruang ini untuk membuat mahakarya digital Anda sendiri. Anda dapat menyimpan pekerjaan yang telah Anda buat untuk klien untuk bagian atau halaman lain.

3. Gaya font Anda sehingga suara Anda menjadi sejernih kristal

Bahkan jika Anda tidak menulis teks yang muncul di bagian pahlawan, pilihan estetika yang Anda buat dapat mengkomunikasikan sebanyak mungkin kepada calon klien seperti halnya kata-kata itu sendiri.

Ada beberapa cara untuk menambahkan suara ke pesan pahlawan Anda. Yang pertama adalah dengan jenis font yang Anda gunakan. Misalnya, situs web pra-bangun BeDetailing 4 menggunakan font Google yang disebut Italiana:

Tema BeDetailing

Perusahaan perincian mobil ini mengungkapkan kecintaannya pada mobil klasik dan antik di depan. Kata-kata, citra mobil, dan font elegan yang terinspirasi dari kaligrafi, semuanya memberi tahu kami banyak hal.

Hal lain yang perlu dipertimbangkan adalah bagaimana gaya kalimat Anda dapat membuat pesan Anda terdengar berbeda. Misalnya, Get Em Tiger melakukan beberapa hal untuk mengubah cara teks gambar pahlawan mereka terdengar di dalam kepala orang yang membacanya:

Dapatkan Em Tiger

Pertama, judul utama ditulis dalam huruf besar semua. Teks yang ditata dengan cara ini umumnya ditafsirkan terdengar keras dan berani.

Kedua, kata-kata “STAND OUT” disorot dengan warna oranye. Ini dimaksudkan sebagai pengganti huruf miring atau huruf tebal yang biasanya digunakan untuk membuat penekanan pada teks biasa.

Selain itu, sub-judul ditulis dalam kasus kalimat. Ketika pengunjung membaca ini, kemungkinan besar akan terdengar lebih ramah, nada percakapan di dalam kepala mereka.

4. Cari tahu peran yang akan dimainkan warna

Pada saat Anda siap untuk membuat gambar pahlawan untuk situs portofolio Anda, Anda mungkin telah mengetahui apa warna merek Anda nantinya.

Baca Juga:  Memahami dampak strategi 10 tahun CMMI pada perawatan kesehatan AS

Biasanya, palet warna merek berguna untuk menata tombol serta menambahkan aksen ke area utama situs web Anda. Namun, Anda mungkin memutuskan untuk sangat menariknya untuk membuat bagian pahlawan Anda seperti yang telah dilakukan G Sharp Design:

G Sharp Desain

Palet warna di bagian pahlawan ini relatif sederhana. Namun, warna merah dan kuning cerah yang mendominasi desain membuat Anda tidak bisa mengalihkan pandangan darinya.

Meskipun tontonan warna ini bekerja dengan baik untuk agensi ini, mungkin tidak cocok untuk jenis materi iklan lainnya. Misalnya, situs web fotografi yang dibuat sebelumnya seperti BePhoto 2 menggunakan tema gelap:

BePhoto 2

Gambar pahlawan memiliki penggeser foto di tengahnya di mana semburat warna cerah terungkap dengan setiap foto berikutnya. Karena sisa situs ditata dalam abu-abu gelap yang diredam dengan teks putih pucat, foto-foto itu langsung menarik perhatian.

Jadi saat Anda memutuskan palet warna Anda sendiri, tanyakan pada diri Anda pertanyaan-pertanyaan berikut:

  • Berapa banyak warna yang Anda butuhkan?
  • Warna mana dari palet warna merek Anda yang akan Anda gunakan?
  • Apakah ada warna lain yang ingin Anda tarik?
  • Peran apa yang akan dimainkan setiap warna dalam hal pengaturan suasana hati, tindakan yang menginspirasi, dll.

Warna tidak perlu menghabiskan banyak waktu agar efektif. Itu semua tergantung pada apa yang Anda perlu lakukan untuk Anda di bagian ini.

5. Jadikan lebih mengesankan dengan interaksi

Tanpa animasi, gambar pahlawan Anda tidak lebih dari papan iklan statis.

Sekarang, tidak ada yang salah dengan iklan billboard — ketika ukurannya lebih dari 200 kaki persegi dan berdiri lebih dari 10 kaki dari tanah. Namun, tanpa kehadiran besar yang dimiliki papan reklame di dunia nyata, desain statis di situs web dapat terasa tidak bernyawa dan tidak terinspirasi.

Sama seperti elemen lain yang telah kita lihat hari ini, ada berbagai cara untuk menambahkan gerakan dan interaksi ke desain gambar pahlawan Anda.

Misalnya, Awesome Inc adalah studio animasi dan desain. Akan aneh jika kita tidak melihat apa pun dari animasi profil tinggi mereka setelah memasuki situs web:

Inc yang Luar Biasa

Di sisi lain, jika Anda seorang kreatif yang tidak melakukan pekerjaan animasi, tidak akan ada alasan untuk membawanya ke ekstrem ini. Itu tidak berarti bahwa gambar pahlawan Anda harus tanpa gerakan.

Misalnya, situs web pra-bangun BeModel 3 memiliki desain gambar pahlawan yang dinamis:

BeModel 3

Bukan hanya penggeser gambar yang dianimasikan. Palet warna penggeser berubah sinkron dengan perubahan foto.

Bahkan ini mungkin tampak seperti banyak gerakan untuk Anda. Jika demikian, ada cara yang lebih halus untuk menggunakan animasi untuk membuat gambar pahlawan Anda terasa lebih menarik — seperti menambahkan transformasi arahkan kursor ke tombol atau animasi transisi ke bagian tersebut.

Baca Juga:  Pemerintah kota memberikan hibah untuk membangun fasilitas daur ulang senilai $2,6 juta untuk menggantikan situs penyortiran Mitchell yang ada - Republik Mitchell

6. Pilih satu ajakan bertindak

Last but not least, Anda pasti ingin mengetahui apa tindakan logis selanjutnya yang harus dilakukan pengunjung.

Salah satu opsi adalah membiarkan mereka menggulir ke bawah halaman. Jika itu masalahnya, Anda mungkin bahkan tidak ingin menyertakan tombol ajakan bertindak. Mayoritas pengunjung secara alami akan mulai menggulir setelah mereka melihat semua yang perlu mereka lihat.

Pilihan lainnya adalah mengundang mereka untuk mengunjungi halaman lain di situs web Anda. Jika demikian, halaman mana yang seharusnya? Di situs portofolio, Anda mungkin ingin pengunjung membuka halaman Portofolio atau Layanan Anda.

Situs web pra-bangun BePhotography 2, misalnya, mengarahkan calon klien ke halaman Portofolio:

Namun satu pilihan lagi adalah mendorong pengunjung untuk terlibat dengan citra pahlawan sebelum memberi mereka pilihan untuk pergi ke tempat lain. Ini akan berguna jika gambar pahlawan Anda menawarkan tayangan slide karya Anda yang dapat digunakan oleh pengguna. Inilah yang dilakukan Perky Bros:

Kursor pengunjung akan berubah tampilannya berdasarkan bagian slider mana yang mereka arahkan. Di sisi kiri atau kanan layar, panah biru muncul, memberi tahu mereka bahwa ada lebih banyak pekerjaan untuk dijelajahi. Di tengah layar, kata-kata “Lihat Proyek” muncul. Ketika diklik, pengunjung akan dibawa ke halaman studi kasus untuk proyek tersebut.

Rancang gambar pahlawan yang sesuai dengan pekerjaan kreatif Anda

Desain gambar pahlawan sangat penting di situs portofolio karena tidak hanya perlu mencerminkan apa yang akan ditemukan pengunjung di situs Anda, tetapi juga mencerminkan bakat Anda sebagai seorang kreatif. Jadi, Anda harus memastikan bahwa Anda membuat gambar pahlawan yang mengatur panggung dengan benar untuk Anda.

Apa yang menyenangkan tentang menggunakan tema WordPress seperti BeTheme adalah ia hadir dengan 101 situs portofolio yang dibuat sebelumnya. Masing-masing dilengkapi dengan desain gambar pahlawan buatan tangan yang akan memudahkan untuk memperbarui 6 komponen penting yang kita lihat di atas.

 

SERING DIPERTANYAKAN :

 

WhatsApp chat