HOTLINE

(0275) 2974 127

CHAT WA 24/7
0859-60000-390 (Sales)
0852-8969-9009 (Support)
Blog

Inspirasi Menarik Untuk Membuat Website Portofoliomu Sendiri!

Sebagai seseorang yang berkecimpung di dunia seni khususnya desain grafis, tahukah Anda betapa pentingnya portofolio desain grafis, baik secara profesional maupun sebagai hobi?

Portofolio penting sebagai “album foto” hasil karya desain Anda yang telah selesai adalah cara yang bagus untuk memenuhi peran Anda sebagai desainer grafis sekaligus menunjukkan keahlian Anda sebagai desainer grafis. Lalu, ketika Anda sedang mencari pekerjaan, portofolio desain grafis dapat menetapkan standar bagi Anda sebagai seorang desainer yang layak untuk dipekerjakan oleh sebuah perusahaan.

Anda beruntung karena kami merekomendasikan contoh website portofolio desain grafis yang menarik dan artistik dari beberapa desainer grafis berpengalaman. Kami juga memberikan tips dan instruksi mudah untuk membuat website portofolio yang sempurna.

  1. Studio Feixen

Contoh portofolio desain grafis yang pertama adalah milik studio desain dari Switzerland bernama Studio Feixen.

Portofolio ini mengikuti gaya desain minimalis, namun juga menonjolkan aspek warna-warni pada karyanya. Membuat eksplorasi portofolio lebih menarik, meskipun mereka tidak menggunakan tata letak paralel. Situs web portofolio ini menggunakan latar belakang putih, sehingga memberikan tampilan sederhana. Ini membuat header dan footer terlihat lebih ringkas karena tidak memuat banyak widget.

Misalnya, menu utama yang menampilkan karya dibagi menjadi beberapa kategori Space, Surface, dan Time. Jadi, untuk memudahkan pelanggan menghubungi pihak studio, mereka khusus membuat menu Talk yang berfungsi sebagai contact form. Studio Feixen tidak hanya memiliki situs portofolio, tetapi juga menu Shop untuk menjual karya-karyanya.

  1. RoAndCo

RoAndCo adalah situs portofolio untuk studio desain yang berbasis di New York City. Situs web ini menyajikan proyek dalam tata letak seperti majalah dengan banyak white space, animasi web, hover slide, dan video full-screen.

Mereka menarik perhatian pelanggan sejak awal portofolio dengan landing page yang memperkenalkan proyek Anda dengan jelas. Portofolio RoAndCo mencerminkan etos kerja studio.

Roanne Adams, pendiri, berfokus pada menghadirkan portofolio desain grafis yang menawarkan solusi desain, branding, dan arahan kreatif yang dibuat dengan indah. Ingat, situs web Portofolio RoAndCo memiliki tampilan responsif di berbagai perangkat, sehingga selalu selangkah lebih dekat dengan pelanggan mereka.

  1. Robin Mastromarino

Sebagai seorang interactive designer, Robin Mastromarino melakukan yang terbaik untuk membuat UI portofolio desain grafisnya seinteraktif mungkin. Sampai tidak ada sedikit ruang untuk memberikan animasi di halaman webnya.

Misalnya, menggunakan sider pada landing page dapat membuat proyeknya tampak seperti berjalan di atas roda. Selanjutnya, klik salah satu opsi proyek di landing page dan akan dibawa ke halaman presentasi kerja yang tersusun sangat jelas dan simetris.

  1. Active Theory

Satu kata untuk menggambarkan portofolio desain grafis ini: canggih. Bagaimana tidak, mengunjungi website Active Theory seperti mengunjungi dunia baru di masa depan?

Landing pagenya sudah menampilkan animasi pengaktifan kursor, menjadikan situs web lebih interaktif dan responsif. Active Theory menggunakan latar belakang gelap dan animasi warna sejuk dan hangat yang bekerja sama dengan sempurna. Elemen futuristik dicapai melalui sebagian besar animasi hover pada teks, penggunaan video, dan efek glitch pada pengguliran halaman dan opsi menu.

Setiap halaman proyek menampilkan animasi, bersama dengan deskripsi singkat dan link terkait ke informasi lebih lanjut tentang proyek. Berbagai sudut web dipenuhi dengan animasi dan efek, namun situs web ini tidak pernah melambat atau menjadi tidak responsif. So smooth!

  1. Velvet Spectrum

Contoh portofolio desain grafis selanjutnya adalah Velvet Spectrum, sebuah website portofolio online karya seniman visual, desainer 3D dan VR/AR Luke Choice.

Saat pertama kali masuk ke website tersebut, Anda langsung disuguhkan homepage yang tampak simetris dan colorful berisi kolase beberapa foto dan judul karya Anda. Pemilihan background terang agar konten portofolio terlihat sederhana dan segar. Selain foto, Velvet Spectrum juga menyediakan video dan animasi untuk proyeknya.

  1. Locomotive

“Locomotive” adalah portofolio desain grafis keren lainnya dari sebuah studio yang berbasis di Quebec, Kanada.

Locomotive berspesialisasi dalam digital, desain web, dan agensi branding digital. Ini berarti portofolio mereka menonjol dengan animasi menyenangkan yang menghidupkan seluruh situs web Anda, bukan hanya beranda Anda. Selain itu, menu hamburger terlihat berbeda dari kebanyakan situs web, dan tata letak setiap menu dirancang seunik mungkin. Artinya karya studio Locomotive tidak pernah membosankan dan selalu mempunyai keunikan tersendiri.

  1. Studio Thomas

Portofolio desain grafis bisa terlihat menarik meski dengan tata letak yang sederhana. Lihat saja portofolio studio digital branding Studio Thomas. Thomas Austin dan Thomas Coombes, pemilik Studio Thomas, mengandalkan ukuran teks dan gambar yang di atas rata-rata untuk situs portofolio lainnya.

Dengan cara ini mereka dapat mempresentasikan karyanya dengan lebih jelas. Desainnya sangat minimalis dan tidak banyak widget di halaman, memungkinkan pengguna melihat proyek Studio Thomas mereka dengan lebih jelas, modern, dan konsisten. Situs web ini secara sempurna mencerminkan sikap eksploratif dan eksperimental studio serta mendukung klaim studio untuk menyediakan ‘design for bold brands’.

  1. Buzzworthy Studio

Seperti beberapa contoh portofolio desain grafis sebelumnya, Buzzworthy Studio dengan cepat menampilkan koleksi proyek terbaiknya di beranda situsnya. Sebagai agensi yang menawarkan layanan web development, marketing, dan digital branding, Buzzworthy Studio menggunakan berbagai jenis animasi, tipografi, dan tata letak modern untuk membuat situs web portofolionya semenarik mungkin.

Yang paling banyak disukai dari situs web berplatform Shopify ini adalah meskipun menggunakan banyak sekali animasi, halamannya dimuat dengan sangat cepat. Selain animasi, foto dan video karyanya berkualitas tinggi dan ditampilkan cukup besar. Kinerja website ini sebagai portofolio dapat dinilai positif.

  1. Xavier Cusso

Situs portofolio desain grafis menakjubkan oleh desainer Xavier Cussó yang berbasis di Barcelona ini dibuat oleh Burundanga Studio.

Portofolio ini menampilkan karya Kusso dengan warna-warna berani, tipografi modern, dan hampir semua animasi menggunakan prinsip animasi parallax. Selain itu, website portofolio ini memiliki layout yang konsisten untuk menghindari gangguan atau gangguan bagi pengguna web. Menariknya, semua fungsi dan halaman website tidak melambat sama sekali.

  1. ToyFight

Seperti portofolio Xavier Cussó, situs portofolio desain grafis dari Creative Design Studio ini menampilkan efek parallax yang berbeda. Selain itu, penggunaan gambar 3D dan setiap transisi animasi oleh pendiri juga menarik, memungkinkan pelanggan menjelajahi situs dengan nyaman untuk waktu yang lama.

Header dan footer juga menyatu dengan desain dan tidak mempengaruhi konten utama portofolio dengan cara apa pun. Jika ToyFight cenderung menggunakan warna-warna tajam pada halaman menu utama, berbeda dengan halaman deskripsi tiap proyek yang cenderung menggunakan warna-warna netral atau kalem.

  1. Made Thought

Hal pertama yang akan Anda perhatikan tentang contoh portofolio desain grafis ini adalah penggunaan video slider dan sticky header besar. Hasil proyek yang merupakan bagian penting dari portofolio, Made Thought mengaturnya dalam grid dan ukuran yang sempurna.

Mereka tidak lupa juga sertakan deskripsi singkat setiap karya yang berfungsi seperti judul. Made Thought menggunakan latar belakang putih terang dan bersih untuk membantu menonjolkan gambar dan video karya desainnya.

  1. Marleigh Culver

Dibandingkan dengan contoh portofolio desain grafis sebelumnya, portofolio ini menjelaskan lebih detail siapa Marleigh Culver dan apa yang dilakukannya sebagai seniman dan desainer web.

Hal ini terlihat pada pilihan menu di bawah ini, selain menu untuk melihat karyanya (Artworks dan Design) seperti Blog dan Shop. Selain itu, kombinasi warna layout semua menu di website sangat bagus dan tidak terlalu berani.

Namun inilah yang perlu Anda tiru nanti di situs portofolio Anda. Jelas sekali bahwa Marleigh Culver peduli untuk mengkomunikasikan konten portofolionya melalui desain yang sederhana dan menarik.

  1. Malika Favre

Ilustrator Marika Fabre menggunakan format thumbnail yang mengingatkan kita pada museum dalam setiap karyanya. Beberapa gambar karyanya dianimasikan agar pengunjung dapat melihat lebih dekat karyanya.

Klik thumbnail untuk melihat presentasi singkat masing-masing karya. Terakhir, Malika menambahkan efek transisi yang mulus untuk memberikan karyanya presentasi yang lebih berani dan berwarna. Selain sebagai portofolio desain grafis, Malika telah membuat toko online yang didedikasikan untuk karyanya di websitenya, lengkap dengan fungsi pengiriman dan keranjang belanja.

  1. Lusion

Impressive. Ini adalah kata yang mengungkapkan betapa menariknya portofolio desain grafis ini.

Situs web portofolio ini penuh dengan elemen desain gaya futuristik yang menyenangkan, termasuk titik-titik bercahaya yang mengikuti kursor Anda. Situs web ini sangat interaktif, sehingga pengunjung situs web mereka akan senang menelusurinya sampai akhir.

Menambahkan background music yang play dan stop tergantung pada posisi berhenti kursor. Efek suara kuat yang diputar setiap kali Anda mengarahkan kursor ke gambar kerja.

  1. Yul Moreau

Yul Moreau lahir di Seoul, tinggal di Paris, dan “tumbuh di tahun 80an”. Ia memiliki website portofolio desain grafis yang sederhana namun sama menariknya dengan portofolio sebelumnya.

Teks putih dengan sebagian besar latar belakang hitam menarik perhatian kami. Pemilihan prinsip single page pada website bisa dikatakan sangat orisinal dalam menampilkan karya art Director. Yul Moreau menggabungkan video, gambar, efek transisi teks gulir cerdas, dan deskripsi teks mendetail untuk memberikan gambaran lengkap tentang karyanya.

  1. My Poor Brain

“Sederhana namun lengkap” mungkin merupakan definisi yang tepat untuk portofolio desain grafis Tim Smith.

Anda akan melihat halaman beranda dengan daftar lengkap karya Tim sebagai desainer yang disusun dalam lima grid paralel. Hubungan antara thumbnail karya dan background juga pas. Definisi setiap karya dapat diakses dengan mengklik terlebih dahulu thumbnail karya tersebut.

Tim Smith telah melampirkan daftar beberapa penghargaan dan publikasi ke menu lembar memonya. My Poor Brain juga memiliki sidebar sederhana untuk menghubungkan situs Anda ke akun media sosial Anda.

Tips dan Cara Pembuatan Website Portofolio Desain Grafis

Portofolio kreatif harus lebih dari sekadar platform untuk mengumpulkan karya kreatif terbaik Anda. Di sisi lain, Anda juga harus menganggap portofolio Anda sebagai “karya kreatif” yang dirancang untuk menarik perhatian klien. Oleh karena itu, ada baiknya Anda memperhatikan beberapa tips dan cara membuat website portofolio dengan mudah.

  1. Target Audience

Untuk bekerja di industri komunikasi khususnya online, Anda harus bisa berkomunikasi dengan target audiens Anda, dalam hal ini ialah calon atasan. Selanjutnya, lakukan riset agar Anda dapat menyesuaikan desain dan tata letak portofolio Anda untuk menarik perhatian semua orang yang membacanya.

  1. Pilih Karya Terbaik Untuk Ditampilkan di Homepage

Yang perlu dicatat bukanlah jumlah karya yang berhasil diciptakan. Namun seberapa berkualitas karya Anda sehingga secara implisit menggambarkan potensi ide kreatif Anda? Jadikan situs web portofolio desain grafis Anda sesederhana mungkin, namun menarik perhatian.

Ayo wujudkan. Tampilkan setidaknya 5-20 karya terbaik Anda di halaman depan situs web Anda. Karena klien dan calon pemberi kerja tidak punya banyak waktu untuk mengevaluasi semua karya yang Anda buat.

  1. Tambahkan Studi Kasus Profesional Atau Rekomendasi Klien

Sajikan portofolio proyek atau studi kasus Anda secara lebih bermakna dengan menambahkan cerita tentang latar belakang proyek, masalah, proses, hasil, dan langkah-langkah lain dalam menciptakan karya Anda.

Misalnya, memasukkan hasil penelitian, pemetaan pengalaman, pengembangan persona, wireframing, sketsa, usability testing, dan iterasi. Dengan cara ini, calon klien akan terkesan dengan kinerja dan profesionalisme Anda, meskipun itu didasarkan pada portofolio desain grafis Anda.

  1. Gunakan Template Portofolio Profesional

Tergantung pada bidang desain kreatif, templat portofolio desain grafis memiliki format berbeda. Oleh karena itu, cobalah untuk menunjukkan individualitas dan keterampilan pemecahan masalah yang kreatif melalui desain karya Anda.

Mencari templat situs web terbaik untuk mengakomodasi semua jenis konten yang ingin saya integrasikan ke situs web portofolio. Tidak ada salahnya tidak menggunakan template dasar. Itu semua tergantung pada preferensi pemilik website.

  1. Detail Oriented

Poin ini mengacu pada menu mana saja yang bisa Anda isi pada sebuah website. Selain menu untuk mendaftar karya Anda, Anda dapat menambahkan menu Tentang dan menu Kontak.

Tolong jelaskan apakah Anda mengerjakan proyek dalam portofolio Anda secara individu atau kelompok. Selain itu, mohon jelaskan dengan jelas siapa Anda dan apa pekerjaan Anda sebenarnya. Pertimbangkan juga untuk menyebutkan agensi, lokasi magang, atau nama perusahaan tempat Anda bekerja sebagai desainer kreatif.

  1. Pilih ekstensi domain .XYZ

Ekstensi domain berperan penting dalam mengekspresikan identitas sebuah website. Tidak terkecuali situs web portofolio desainer grafis.

.XYZ telah menghiasi banyak situs desain grafis sejak lama. .XYZ dianggap sebagai ekstensi domain ramah milenial dan merupakan salah satu dari 15 ekstensi yang paling umum digunakan di seluruh dunia.

Alasan lain mengapa Anda harus menggunakan .XYZ? .XYZ adalah nama domain yang segar, baru, dan menarik bagi mereka yang mencari sesuatu yang unik. Ekstensi domain ini pendek, mudah diingat, dan tidak memiliki label atau batasan bahasa. Hal ini memungkinkan Anda fokus untuk terhubung dengan audiens Anda, di mana pun mereka berada.

Silakan Buat Website Portofolio Desain Grafis Kamu Sekarang Juga!

Perlu Anda ketahui bahwa website portofolio desain grafis karya desainer Indonesia tidak banyak. Oleh karena itu, kesempatan untuk mempresentasikan karya desain Anda kepada klien masih terbuka lebar.

Semoga rekomendasi kami dapat membantu Anda mendapatkan inspirasi desain portofolio terbaik sesuai selera Anda. Sampai jumpa di artikel lain di Hosteko!
5/5 - (1 vote)
Nabilah Atikah S

Recent Posts

Mengenal Manfaat GPN Dari Filosofi Logonya!

Apakah Anda menggunakan kartu ATM atau kartu debit? Suka bertransaksi secara cashless? Sepertinya Anda perlu…

18 hours ago

Ingin Membuat Website E-Commerce Yang Menarik? Perhatikan Tips Ini

Design website toko online tidak hanya soal estetika, tapi juga UX yang bagus secara keseluruhan.…

2 days ago

Apa Saja Jenis Proyek yang Bisa Dikerjakan UX Designer? Yuk Simak Di Sini

Sebelum memulai karir Anda sebagai desainer UX, Anda harus membuat portofolio yang mencakup semua pengalaman…

3 days ago

Aktifkan Keep-Alive Untuk Meningkatkan Performa Website Anda

Keep-Alive memungkinkan browser pengunjung Anda mendownload semua konten (JavaScript, CSS, gambar, video, dll) melalui koneksi…

4 days ago

Baca Ini Untuk Pelajari Apa Saja Job Description Web Developer

Job description seorang web developer adalah membuat situs web menggunakan berbagai bahasa pemrograman. Tanggung jawab…

5 days ago

Rekomendasi Tools A/B Testing untuk Meningkatkan Conversion Rate

Secara default, WordPress tidak mendukung A/B testing. Tapi jangan khawatir. Di bawah ini, kami telah…

6 days ago