Ide Untuk Mempresentasikan Karya Portofolio Online Anda

Portofolio online sebagian besar berorientasi pada konten di mana pengguna harus mengambil inisiatif untuk menelusuri situs web. Tujuan Anda adalah untuk mempresentasikan pekerjaan Anda dengan jelas dan mendorong pengguna untuk mengklik.

Dalam posting ini saya ingin berbagi beberapa teknik untuk membantu pengunjung masuk lebih dalam ke pekerjaan portofolio Anda. Ada banyak cara berbeda untuk melakukannya, beberapa orang hanya menambahkan halaman statis sementara yang lain menambahkan tayangan slide dan studi kasus lengkap.

Memang jenis pekerjaan yang Anda lakukan akan memainkan faktor dalam desain situs Anda. Tetapi tip ini bersifat universal dan dapat diterapkan ke situs portofolio mana pun di internet.

Kategori Dinamis

Jika Anda melakukan banyak jenis pekerjaan yang berbeda, Anda harus mencoba menambahkan tag penyortiran dinamis ke halaman portofolio Anda. Ini memungkinkan pengunjung menelusuri pekerjaan yang ingin mereka lihat daripada membaca sekilas semua yang telah Anda lakukan.

Misalnya, seorang desainer digital mungkin memiliki banyak jenis pekerjaan yang berbeda dan setiap entri portofolio mungkin menampilkan keahlian yang berbeda. Kategori tersebut mungkin rusak seperti ini:

• Desain identitas
• Desain ikon
• Situs web
• Aplikasi seluler
• Wireframing UI/UX

Jika Anda membuat kategori dinamis, maka pengunjung dapat menelusuri setiap kategori satu per satu. Ini membuat penjelajahan situs jauh lebih cepat dan ini adalah cara terkuat untuk menyajikan pekerjaan portofolio.

Tema Pahlawan adalah contoh yang bagus dari tindakan penyortiran kategori ini. Halaman portofolio utama menggunakan tautan tag kecil di dekat bagian atas untuk mengatur gaya proyek yang berbeda.

Ketika pengguna mengklik tautan kategori, portofolio secara otomatis menyembunyikan semua proyek selain yang ditambahkan ke dalam kategori. Semua ini dikendalikan oleh WordPress di backend sehingga Anda hanya perlu menambahkan proyek ke situs Anda dan mengaturnya sesuai dengan itu.

Banyak tema portofolio WordPress datang dengan fitur ini secara default dan mereka fantastis. Anda dapat melihat contoh lain dalam tema Beckett yang menggunakan tautan teks sederhana.

Tetapi perhatikan bagaimana kedua contoh pada dasarnya adalah desain layar penuh dan portofolio menghabiskan sebagian besar ruang di halaman.

Kategori dinamis berfungsi paling baik jika mudah digunakan dan mudah dijelajahi. Contoh-contoh ini menawarkan tempat yang bagus untuk memulai dan Anda bahkan dapat menggunakan tema-tema ini untuk situs Anda sendiri jika cocok dengan gaya desain Anda.

Slideshow Foto Proyek

Sebagian besar tayangan slide proyek digunakan sebagai elemen tambahan pada halaman proyek portofolio. Jadi tayangan slide ini menambahkan tingkat detail tertentu ke halaman tempat Anda dapat menelusuri foto dengan mengklik tombol.

Saya suka tayangan slide karena menawarkan sekilas alur kerja tanpa menghabiskan banyak ruang. Tetapi Anda harus menggunakannya dengan hemat.

Terkadang pengunjung lebih memilih galeri gambar mini untuk membolak-balik sekaligus. Tetapi tayangan slide memiliki tempatnya jika tidak terlalu besar dan tidak memiliki terlalu banyak slide (katakanlah di bawah 15).

Bramble mendukung tayangan slide gambar pada halaman portofolio dan juga sepenuhnya responsif. Ini memungkinkan Anda menelusuri foto dengan cepat dan memiliki dua metode berbeda untuk navigasi:

• Panah kiri/kanan
• Navigasi titik untuk setiap slide

Pengguna smartphone tetap dapat mengerjakan slideshow ini dengan mudah dan mendapatkan efek penuh. Tetapi ada juga argumen untuk thumbnail karena pengguna dapat mengetuk untuk memperluas foto lebih besar.

Slideshow portofolio ideal Anda bergantung pada jenis pekerjaan yang Anda lakukan. Jika bidikan Anda dapat masuk ke dalam penggeser secara horizontal, maka pertimbangkan untuk menambahkannya ke halaman proyek Anda.

Atau Anda bahkan dapat menambahkan satu ke beranda Anda seperti di tema Oshine. Secara khusus demo ini menghadirkan desain & arsitektur interior.

Gaya unik ini cocok untuk fotografer, desainer digital, dan seniman digital. Gaya kerja tersebut cenderung cukup besar dan cocok dengan tampilan slide layar penuh.

Penggeser beranda segera menarik perhatian sehingga mereka juga membantu menjual apa yang Anda lakukan dalam sekejap.

Pastikan Anda membaca sedikit tentang carousel untuk mempelajari beberapa praktik terbaik untuk navigasi dan penerusan otomatis.

Kotak Modal

Ini adalah teknik pilihan saya untuk mempresentasikan karya portofolio. Kotak jendela modal muncul "di atas" halaman dengan membuat konten di bawahnya menjadi abu-abu.

Ini biasanya datang dalam bentuk galeri gambar di mana pengguna dapat mengklik (atau menggesek) melalui banyak gambar proyek sekaligus. Karena jendela modal muncul di bagian atas halaman, ia dapat mengambil seluruh halaman tanpa mengganggu pengguna dengan tab baru.

Contoh fantastis dari hal ini adalah tema Vitae di ThemeForest. Muncul dengan modal lightbox pada setiap halaman item portofolio di mana Anda dapat mengklik untuk melihat tampilan gambar yang lebih besar.

Saya pribadi lebih suka latar belakang yang lebih gelap karena ini benar-benar menambah kontras antara jendela modal dan isinya. Beberapa tema seperti Vitae menggunakan latar belakang yang lebih terang dan ini juga berfungsi dengan baik.

Tujuannya adalah untuk meningkatkan keterlibatan pengguna dengan memaksakan modal ini di atas seluruh halaman. Ketika Anda melakukan ini dengan jendela popup modal, itu bisa sangat mengganggu. Tapi itu bekerja dengan sangat baik untuk konten portofolio saat pengguna mengharapkannya.

Saya merekomendasikan ini sebagian besar untuk item galeri di mana Anda memiliki banyak foto yang ingin Anda sajikan dalam satu seri. Jendela modal gelap juga dapat menghadirkan item portofolio lengkap seperti dengan tema Honshi.

Jika Anda memiliki serangkaian foto yang digabungkan dalam satu set, pertimbangkan untuk menjalankannya dengan modal slideshow. Atau jika Anda seorang desainer, Anda dapat menambahkan berbagai tahapan pekerjaan Anda ke dalam tayangan slide, hampir seperti kemajuan dari awal hingga akhir.

Semua jenis situs portofolio visual dapat mengambil manfaat dari modal windows. Anda hanya ingin menemukan tema portofolio dengan fitur ini dan memasukkannya secara alami ke halaman proyek Anda.

Studi Kasus Halaman Penuh

Itu selalu baik untuk menambahkan beberapa konten tertulis di samping pekerjaan portofolio Anda. Dengan cara ini pengunjung dapat mengetahui seperti apa proyek tersebut, pekerjaan yang Anda lakukan, dan bagaimana Anda berpindah dari tahap perencanaan awal hingga penyelesaian.

Studi kasus adalah yang terbaik untuk menyajikan gambaran lengkap dari proyek. Anda seharusnya memiliki banyak foto di halaman, tetapi juga menyertakan anekdot dan daftar pribadi yang menguraikan seluruh proses kreatif Anda.

Pengunjung ingin mempelajari lebih lanjut tentang apa yang Anda lakukan. Studi kasus ini membangun kepercayaan dan menghadirkan Anda sebagai otoritas dalam subjek tersebut.

Mandala adalah tema luar biasa yang menunjukkan betapa sederhananya studi kasus.

Bagian atas mencakup contoh foto proyek bersama dengan detail tambahan seperti tanggal proyek, kategori, nama klien, dan tinjauan singkat proyek.

Beri pembaca kesempatan untuk mengintip di balik layar dan mempelajari lebih lanjut tentang apa yang Anda lakukan. Visual membantu tetapi mereka hanya menunjukkan sebagian dari cerita.

Dengan menulis studi kasus, Anda dapat menjelaskan masalah umum Anda dan bagaimana Anda menyelesaikannya, bersama dengan proses brainstorming Anda untuk menghasilkan ide-ide keren.

Jika Anda melakukan fotografi maka Anda mungkin tidak akan memiliki banyak hal untuk ditulis. Namun tema Dazzle menunjukkan bahwa hanya sedikit konten yang bisa membantu.

Tema portofolio mereka hadir dengan lusinan gaya. Beberapa memiliki sedikit informasi tentang proyek, yang lain memiliki detail lebih lanjut di halaman proyek. Namun, Anda dapat belajar banyak dengan melihat banyak gaya yang ditawarkan tema ini.

Ambil studi kasus dan benar-benar menjadikannya milik Anda sendiri. Tambahkan informasi yang cukup untuk menjadikannya berharga bagi pengunjung tanpa menulis disertasi yang lengkap.

Membungkus

Mempresentasikan pekerjaan portofolio Anda tidak selalu mudah. Ini berbeda berdasarkan jenis pekerjaan dan berapa banyak proyek yang Anda miliki.

Tetapi tren yang saya sebutkan di atas bekerja dengan baik untuk hampir semua hal mulai dari desain grafis hingga fotografi, animasi, pekerjaan UI, atau apa pun. Tayangan slide khusus, penyortiran kategori, jendela modal, dan studi kasus semuanya dapat secara radikal meningkatkan keterlibatan di situs web portofolio Anda.

Jika Anda belum memulai situs portofolio Anda sendiri, Anda harus membaca artikel kami tentang cara membuat situs portofolio WordPress di mana kami menjelaskan cara menyiapkan hosting dan tema untuk portofolio online Anda.