Contoh Portofolio Website

Rancang portofolio foto yang komprehensif dan terstruktur—bukan sekadar menampilkan karya Anda, tetapi juga menceritakan kisahnya kepada pengguna. Tata Letak Daftar mengatur proyek-proyek dalam satu kolom, disertai deskripsi singkat. Ditampilkan tepat di bawah sampul proyek berkat tampilan proyek bertipe Card. Cukup klik proyeknya, semua karya akan muncul dalam popup, lengkap dengan teks dan info proyek lainnya. Pengguna tidak hanya bisa menggulir melalui karya, tetapi juga menavigasi antar proyek dengan bantuan tombol panah.

Tampilkan semua karya Anda dalam portofolio video yang ramping, tertanam di halaman situs. Elfsight Portfolio memungkinkan menambahkan video Vimeo dan YouTube dengan pratinjau dan memutarnya di popup langsung di situs. Semua tindakan umum: Suka, Bagikan, dan Tonton Nanti didukung di popup. Anda bisa menambahkan judul video, menambahkan tanggal dan deskripsi, serta menyertakan tautan ke alamat mana pun. Atau matikan elemen tertentu untuk tampilan yang lebih bersih.

Menampilkan karya Anda dari berbagai bidang tidak pernah semudah ini, berkat menu kategori di portofolio Anda. Proyek-proyek Anda akan dibagi ke dalam kategori dan pengguna bisa beralih di antara mereka. Untuk memvisualkan inti dari setiap proyek, Anda bisa mengunggah sampul proyek. Jika memilih tampilan overlay bawah, deskripsi proyek akan muncul saat dihover di sudut kiri bawah. Header membantu mempromosikan penulis dengan menampilkan detail kontaknya dan tombol CTA.

Dengan bantuan tata letak Grid, Anda bisa membentuk proyek foto Anda menjadi galeri minimalis yang elegan. Di sini tidak ada header widget dan deskripsi proyek muncul saat kursor melayang, membuat tampilannya bersih dan ramping. Proyek-proyek diatur dalam grid 3×5 dengan ukuran sampul yang seragam dan bentuk persegi agar tampak seragam. Efek hitam-putih saat kursor melayang memberi sentuhan gaya. Saat diklik, proyek hanya menampilkan foto tanpa data tambahan.

Ungkapkan sifat artistik Anda dan rancang widget yang sungguh modis. Lihat bagaimana latar belakang warna berpadu dengan warna tombol CTA dan teks detail kontak di header. Semua ini membuat widget terlihat lebih tegas dan menarik perhatian pengguna. Foto-foto diatur dalam grid dengan jarak antar kolom khusus dan tidak ada deskripsi, yang menciptakan tampilan yang bersih dan tegas. Pengguna dapat menikmati semua foto di popup dan menghubungi penulis melalui kontak di header.

Ketika ada kebutuhan untuk menunjukkan karya Anda dalam beragam variasi, widget kami bisa menjadi bantuan. Foto-foto karya penata rambut ini disusun dalam grid 3×3 dengan jarak celah yang cukup lebar. Foto-foto itu semuanya berukuran sama dan berbentuk persegi. Semua ini menciptakan tampilan yang konsisten, dan galeri seperti ini bisa diperkenalkan dengan baik pada laman web untuk menunjukkan keahlian dan pengalaman pembuatnya. Popup akan membuka setiap gambar dalam tampilan penuh agar pengguna bisa melihatnya secara rinci.

Saat penting untuk menampilkan foto Anda dalam ukuran asli dan menjaga proporsi, widget kami menawarkan tata letak Masonry. Ini menata foto-foto dengan cara yang optimal sambil menjaga parameter aslinya. Ruang antar foto pada contoh ini sangat sempit dan foto-foto ditempatkan pada latar belakang hitam — semua ini menciptakan geometri yang elegan dan menambah kontras. Fotografer dapat dengan mulus memperkenalkan namanya dan detail kontaknya di header. Dan elemen terpentingnya — nama dan tombol CTA — tetap terlihat bahkan di popup.

Ini adalah contoh lain bagaimana Elfsight Portfolio sepenuhnya memenuhi kebutuhan mereka yang menampilkan foto di situs ini. Widget ini terlihat sangat hidup dan dinamis. Foto-fotonya memiliki ukuran yang sama dan bentuk persegi, dan tidak adanya jarak antar gambar menciptakan kesatuan artistik. Meskipun fotonya menampilkan produk yang sangat berbeda, mereka tersusun rapi bersama menjadi kolase yang indah. Widget ini memiliki ukuran otomatis dan mengisi semua ruang kosong di halaman.

Foto arsitektur yang memukau tetap mengesankan saat ditampilkan melalui antarmuka widget yang responsif. Lebar otomatis membuat gambar memenuhi seluruh ruang layar yang tersedia dan terlihat sangat besar. Dengan tata letak Daftar, proyek-proyek bertumpuk satu demi satu ke bawah dengan gutter lebar yang membentuk batas visual di antaranya. Saat kursor melayang, pengguna melihat efek hitam-putih dan animasi zoom. Tampilan overlay pada proyek menampilkan deskripsi singkat proyek hanya saat pengguna mengarahkan kursor ke proyek tersebut, menjaga tampilannya tetap bersih.

Karya-karya seniman tato ini terlihat sangat stylish dan ekspresif. Mereka berada di latar belakang hitam dengan jarak antar foto yang cukup lebar. Tata letak Masonry memungkinkan semua foto ditampilkan dalam ukuran dan parameter aslinya. Semua informasi tentang sang seniman ada di header widget. Judul widget juga telah disunting dan memiliki baris khusus. Foto-foto proyek bisa dibuka dalam popup, atau Anda bisa menetapkan alamat tujuan yang akan dialihkan pengguna untuk melihatnya.

Untuk portofolio yang paling mengesankan, unggah gambar Anda dalam ukuran asli, widget kami tidak akan mengompresnya. Ilustrasi ini berkualitas tinggi dan pengguna dapat sepenuhnya menikmati bakat kreatif sang penulis. Gambar-gambar mengisi halaman dan mempertahankan parameter aslinya. Saat Anda mengarahkan kursor ke sebuah ilustrasi, Anda bisa melihat judul karya dan tahun rilisnya. Untuk navigasi yang lebih mudah, ada menu tahun. Detail penulis ada di header, dan Anda bisa mengunjungi akun media sosialnya dengan mengklik ikon-ikon tersebut. Tombol CTA tetap terlihat di pop-up juga.

Portofolio ini dari seorang fotografer pernikahan menampilkan proyek-proyeknya dan sedikit menceritakan setiap pasangan. Proyek-proyek ditampilkan dalam grid dua kolom dan ditempatkan di atas latar belakang warna krem lembut, yang mengaitkan dengan pernikahan. Setiap proyek memiliki nama di bawahnya dan ketika Anda membukanya, Anda akan melihat deskripsi dan foto-foto terbaik. Widget kami sepenuhnya dapat disesuaikan, jadi bahkan saat dilihat dari ponsel atau tablet, antarmukanya akan terlihat brilian. Dan mudah untuk memesan sesi pemotretan, dengan tombol CTA yang mengarahkan ke halaman dengan formulir pemesanan.