10 Situs Divi dengan Halaman Portofolio Keren

Halaman portofolio adalah salah satu halaman terpenting bagi siapa pun yang menyediakan layanan. Ini tidak hanya menunjukkan jenis pekerjaan yang Anda lakukan, tetapi juga menunjukkan kepada pengunjung tingkat keahlian Anda dan klien yang pernah bekerja dengan Anda. Halaman portofolio dapat dirancang dengan berbagai cara. Pada artikel ini kita akan melihat 11 situs web Divi dengan halaman portofolio keren untuk membantu menginspirasi Anda untuk desain Divi berikutnya.

Halaman portofolio biasanya menyertakan portofolio standar, portofolio filter, atau modul portofolio lebar penuh. Namun, ada cara lain untuk menampilkan portofolio Anda. Beberapa membangun portofolio dengan elemen seperti gambar, uraian, atau galeri. Tentu saja, ini harus bekerja dengan baik di dalam tata letak halaman. Kita akan melihat contoh masing-masing.

Saya akan menunjukkan gambar bagian yang saya sukai dan mendiskusikan apa yang saya sukai darinya. Situs web tidak dalam urutan tertentu. Tunggu sampai akhir untuk beberapa tautan untuk membantu Anda meningkatkan halaman portofolio Anda sendiri menggunakan Divi.

1. Untung Kreatif

Situs ini menampilkan daftar layanan yang terbuka di matikan di bagian pahlawan diikuti oleh bagian lebar penuh untuk menunjukkan kutipan. Bagian portofolio menunjukkan kategori layanan, nama klien, dan deskripsi klien di sebelah kiri, dan gambar proyek di sebelah kanan. Setiap item portofolio dipisahkan oleh pembagi tipis. Contoh situs web termasuk tautan untuk melihat situs web langsung.

Lihat Situs Web

2. pasak bulat

Situs ini memperlihatkan item portofolio dalam tiga kolom dan menyertakan bagian dalam satu kolom. Tiga bagian kolom menempatkan overlay di atas gambar setiap proyek dengan logo klien berwarna putih. Ikon digambar garis putih di sudut bawah menunjukkan kategori untuk proyek. Bagian kolom tunggal menunjukkan gambar proyek dengan teks dan tombol di atas latar belakang berpola. Di bawah bagian ketiga ini menyediakan tautan untuk melihat lebih banyak di setiap kategori.

Lihat Situs Web

3. Leo Whou Teng

Halaman ini menempatkan item portofolio dalam tata letak multi-kolom tanpa spasi di antara gambar. Melayang di atas salah satu dari mereka mengungkapkan overlay biru di atas gambar dan kotak di bagian bawah yang menunjukkan nama dan kategori proyek. Portofolio mencakup dua dan tiga kolom dan mengganti tata letak. Gambar menggunakan latar belakang yang berbeda dan menampilkan gambar proyek pada berbagai jenis perangkat. Situs ini memanfaatkan warna dengan sangat baik.

Lihat Situs Web

4. Studinger Media Graphics

Situs ini memperkenalkan halaman portofolio dengan logo perusahaan, nama, dan judul halaman di atas gambar latar belakang yang elegan yang nyaris tidak terlihat melalui hamparan monokrom. Bagian portofolio menggunakan tombol bergaya untuk filter dan memperlihatkan proyek dalam kisi tiga kolom. Melayang akan memutar gambar dan memberikan tautan. Halaman ini juga menyertakan ajakan bertindak, formulir kontak, dan footer terbuka dengan kode QR dan tombol ikuti sosial yang cocok dengan branding situs.

Lihat Situs Web

5. Catherine Cliffe

Halaman portofolio ini menampilkan gambar layar penuh dengan judul dan deskripsi dalam hamparan paralaks. Menggulir mengungkapkan bagian teks dengan nama dan lokasi proyek dan nama-nama orang yang terlibat. Berikut ini adalah galeri yang menyertakan gambar dalam layar penuh dan kisi tiga kolom. Proyek lain mengikuti pola yang sama dengan gambar yang ditampilkan dalam kotak dua atau tiga kolom.

Lihat Situs Web

6. Desain Web Super Ilahi

Yang ini memberi nomor setiap proyek dan menampilkan gambar yang menyertakan logo perusahaan dan layanan yang disediakan, judul proyek dengan font tulisan tangan, deskripsi singkat proyek, dan tombol untuk melihat proyek secara langsung. Teks judul, batas, dan warna tombol cocok dengan merek situs. Berikut ini adalah CTA untuk aplikasi pemesanan online.

Lihat Situs Web

7. Dapatkan Desain Web

Halaman portofolio ini memuat gambar proyek yang mirip dengan Pinterest. Mereka ditampilkan dalam kisi 4 atau 5 kolom (tergantung pada ukuran layar dan tingkat zoom Anda). Melayang di atas proyek apa pun mengungkapkan kaca pembesar. Mengklik ini akan membuka gambar di lightbox. Banyak gambar adalah tata letak situs web yang lengkap sementara yang lain adalah area pahlawan.

Lihat Situs Web

8. Caporal Pemasaran Digital

Halaman portofolio ini menampilkan gambar lebar penuh dengan judul, tagline, dan tombol dengan batas menarik yang sesuai dengan warna merek situs. Menggulir mengungkapkan portofolio yang difilter dalam kisi tiga kolom. Portofolio menunjukkan logo klien dalam monokrom yang ditampilkan dalam warna saat dilayangkan. Mereka juga menyertakan nama klien dan layanan yang diberikan. Garis di sebelah kiri menampilkan nama-nama jaringan sosial dalam teks yang berorientasi menyamping. Mereka tetap di layar saat digulir.

Lihat Situs Web

9. Rubah Perkasa

Halaman ini diperkenalkan dengan latar belakang lebar penuh dengan overlay yang digelapkan dan font yang elegan untuk menampilkan judul halaman. Portofolio yang difilter menampilkan logo klien dalam monokrom. Melayang di atas salah satu proyek membawa overlay dari arah asal mouse. Hamparan menampilkan nama dan layanan perusahaan yang disediakan bersama dengan tautan untuk melihat proyek secara langsung. Ini diikuti oleh CTA, bagian dua kolom dengan gambar latar belakang paralaks dan penggeser testimonial, tombol ikuti sosial, dan umpan Instagram.

Lihat Situs Web

10. Waka

Yang ini dikembangkan untuk seluler terlebih dahulu. Halaman diperkenalkan dengan bagian besar dengan teks ekstra besar yang menyertakan judul dan deskripsi. Pada gulir dan ticker muncul di bagian bawah halaman dan tetap berada di layar di lokasi ini. Kursor diubah menjadi panah besar dan berubah menjadi jarum besar saat Anda mengarahkan kursor ke gambar. Proyek ditampilkan dalam dua kolom. Halaman tersebut juga mencakup daftar layanan, formulir kontak, dan keikutsertaan buletin. Footer terungkap pada gulir dan menampilkan video yang ditampilkan melalui bagian teks yang dipotong.

Lihat Situs Web

Mengakhiri Pikiran

Itulah ulasan kami tentang 11 situs web Divi dengan halaman portofolio keren untuk membantu menginspirasi Anda untuk situs web Divi Anda berikutnya. Ada banyak artikel di blog ET ini yang secara khusus berfokus pada portofolio atau elemen seperti uraian, gambar, atau galeri.

Berikut adalah beberapa:

• Cara Menggunakan Portofolio yang Dapat Difilter dan Navigasi Posting untuk Mengatur Studi Kasus dengan Divi
• 3 Tata Letak Halaman Proyek Indah Gratis (& Cara Membangun Lebih Banyak dengan Divi Builder)
• Cara Menggunakan Prospek Divi untuk Mengukur Efektivitas Situs Portofolio Anda
• Cara Membuat Beranda Portofolio Minimal dengan Divi
• Menggunakan Filter, Bagian Pahlawan, dan CTA untuk Memperluas Beranda Portofolio Minimal
• Unduhan Divi Gratis: Paket Tata Letak Portofolio Beranda
• Unduhan Divi Gratis: Paket Tata Letak Portofolio Halaman Tunggal Kreatif
• Menggunakan Animasi Lipat Divi untuk Membuat Blurbs Mekar
• Bagaimana Menambahkan Efek Hover Lanjutan ke Modul Blurb Divi Menggunakan Hover.css
• 5 Cara Menyenangkan untuk Menata Modul Blurb Divi
• Membuat Grayscale to Color Gallery dengan Modul Galeri Divi
• Cara Membuat Efek Tumpang Tindih Unik dengan Gambar Latar Belakang
• Cara Menggunakan Opsi Filter Baru Divi untuk Mempercantik Gambar Anda

Kami ingin mendengar dari Anda. Manakah dari situs web dengan halaman portofolio keren berikut yang menjadi favorit Anda? Beri tahu kami di komentar.

Gambar Unggulan melalui Graphic farm / shutterstock.com