Imas Indra A detail-oriented and innovative writer. She developed her creative talent and expertise after years of practice in journalism, academic research, essay writing, and blogging. Currently in Niagahoster, she boosted more people to #BuildSuccessOnline using SEO and content marketing strategies. When it comes to writing, her goal is to make complex topics enjoyable.

Ikuti Cara Mudah Membuat Web Portofolio

7 min read

Bagaimana cara Anda bisa mengenalkan karya Anda kepada audiens dengan baik? Membuat web portofolio adalah salah satu langkah yang tepat. Sebuah website portofolio akan membantu Anda menampilkan skill dan karya Anda ke calon klien.   

Lantas, bagaimana cara membuat web portofolio sendiri?

Tenang, artikel ini akan menjawab pertanyaan tersebut. Pastikan Anda menyimak cara membuat website portofolio ini hingga tuntas, ya!

6 Cara Membuat Web Portofolio

Artikel ini akan membantu mewujudkan website portofolio yang Anda inginkan. Kami akan menjabarkan cara membuat website portofolio pribadi dengan mudah. Selain itu, kami juga memuat tips-tips manfaat website portofolio untuk memperkuat internet presence.

Nah, apa saja langkah-langkah cara membuat web portofolio? Berikut daftarnya:

  1. Tentukan Nama Domain untuk Web Portofolio
  2. Daftarkan Domain dan Tentukan Platform Website
  3. Kelola WordPress Lewat Dasbor Sederhana
  4. Menentukan Template Web Portofolio yang Oke
  5. Instal Plugin yang Dibutuhkan
  6. Buat Bagian Khusus “About Me”

Yuk simak penjelasan lebih detailnya!

Langkah 1: Tentukan Nama Domain untuk Web Portofolio

Nama domain adalah elemen penting dalam membuat web portofolio. Jika web portofolio adalah rumah bagi karya Anda, bayangkan domain sebagai alamat menuju rumah.

Namun, bukan berarti alamat domain tersebut diberikan otomatis. Seperti halnya ketika Anda pindah ke daerah Jalan Palagan dan mendapatkan keterangan nama dusun, desa, hingga kelurahannya.

Justru sebaliknya. Alamat domain bisa Anda tentukan sendiri. Semakin unik dan mudah diingat, semakin besar kemungkinan orang lain mengunjungi website Anda. Sebelum tergesa-gesa memilih alamat domain, ada baiknya Anda simak beberapa tips menentukan nama domain dalam cara membuat web portofolio berikut.

Pertama, buat nama domain yang mudah diingat. Jika Anda membuat website untuk keperluan pribadi, ada baiknya untuk membuat nama domain berdasarkan nama. Menggunakan nama pribadi sebagai domain akan memperkuat personal branding. Alternatif lainnya, pakai kata kunci dari tema Anda.

Jika Anda membuat web portofolio untuk institusi, jangan gunakan nama pribadi. Sebagai gantinya, gunakan nama agency atau brand.

Kedua, usahakan nama domain yang singkat dan mudah dieja. Nama yang singkat dan mudah dieja meningkatkan kesempatan website untuk lebih banyak dikunjungi. Lagipula, tak ada yang suka diminta mengeja nama yang rumit, kan?

Ketiga, hindari angka atau tanda dash (-) di alamat domain. Kedua elemen itu membuat nama domain Anda terasa kurang natural. Ditambah lagi, kemungkinan untuk salah ketik menjadi semakin besar.

Keempat, anggap nama domain seperti hubungan dengan pasangan. Anda tentunya menginginkan hubungan itu awet dan langgeng. Karena mau tak mau, nama domain akan menjadi bagian dari branding Anda. Jika suatu saat Anda ingin mengganti domain, ingat kalau itu akan berdampak ke branding dan SEO website.

Itulah tips menentukan nama domain saat membuat web portofolio. Lalu, apa yang harus dilakukan selanjutnya? Ikuti langkah-langkahnya di bawah ini.

Langkah 2: Daftarkan Domain dan Tentukan Platform Website

Setelah menentukan nama domain, dalam cara membuat website portofolio, Anda perlu memilih platform website dan mendaftarkan nama domain. Ke Niagahoster, misalnya.

Sebagai penyedia domain dan hosting terbaik, Niagahoster menyediakan berbagai opsi paket menarik untuk Anda. Nah, untuk membuat web portfolio, kami sarankan Anda memakai WordPress Hosting Niagahoster. Karena, WordPress Hosting menawarkan performa yang oke dan juga kemudahan pengelolaan.

Nah tak hanya mendapatkan hosting dengan kualitas terbaik, Niagahoster memberikan Anda domain gratis untuk setiap pembelian hosting.

Setelah Anda memilih paket dan masuk ke halaman order hosting, silakan scroll sampai ke paling bawah.

Lalu, isilah kotak pendaftaran domain dengan nama yang sudah Anda tentukan dan pastikan ketersediaannya.

mendaftar domain baru untuk membuat web portofolio sendiri

Jika nama domain pilihan Anda tersedia, silakan selesaikan transaksi untuk lanjut ke langkah cara membuat website portofolio yang berikutnya.

Itulah langkah ke-2 dalam cara membuat website web portofolio sendiri, sangat mudah bukan? Untuk mendapatkan web portofolio impian Anda, terus simak langkah-langkah selanjutnya, ya!

Langkah 3. Kelola WordPress Lewat Dasbor Sederhana

Cara membuat website gratis untuk portofolio berikutnya yaitu mengelola WordPress. Kalau Anda menggunakan WordPress Hosting, hal ini bisa Anda lakukan dengan mudah.

Sebab, Anda bisa melakukan pengelolaan WordPress langsung lewat Member Area, tanpa perlu memuka konfigurasi yang terlalu teknis. Misalnya, mengakses halaman admin, membuat website duplikat (staging), hingga update otomatis plugin dan tema.

Nah sekarang, bisa Anda simpulkan tanpa berbekal pemahaman teknis pun, Anda pasti bisa menjalankan hingga mengelola web portfolio dari WordPress Hosting.

Jadi, Anda bisa fokus membangun strategi branding alih-alih mengurus perkara teknis dalam cara membuat website portofolio yang menyita waktu. 

Langkah 4: Menentukan Template Web Portofolio yang Oke

Tema akan memudahkan Anda membuat web portofolio sendiri. Tak hanya itu, tampilan website Anda juga akan semakin ciamik. Tampilan ini nantinya bukan hanya soal “indah dipandang mata” saja. Tema juga membantu Anda menarik banyak pengunjung. Tampilan dan user interface yang ramah membantu pengunjung dengan mudah mengeksplor isi website Anda.

Berbeda halnya ketika tema yang digunakan kurang apik. Pengunjung bisa saja malas menikmati konten yang telah Anda buat. Malahan, mungkin saja pengunjung buru-buru meninggalkan website. Ini kemudian akan meningkatkan bounce rate website dan membuat reputasi website dianggap buruk oleh Google.

Maka dari itu, penting untuk memilih tema WordPress yang tepat saat sedang menjalankan cara membuat website portofolio. Untuk itu, kami sudah merangkum tema-tema terbaik yang bisa Anda pakai di 10+ Tema Portofolio WordPress Terbaik untuk Web Agency & Freelance.

Langkah 5: Instal Plugin yang Dibutuhkan

Langkah berikutnya dalam cara membuat web portofolio adalah menginstal plugin supaya website bisa berfungsi maksimal. Plugin adalah software untuk menambahkan fitur tertentu pada website. Seperti galeri portfolio, slider, tombol sosial media, dll.

Cara instal plugin bisa Anda lakukan lewat halaman admin WordPress maupun Member Area Niagahoster (khususnya bagi pengguna WordPress Hosting Niagahoster).

Sebagai saran, ini rekomendasi plugin yang bermanfaat untuk website portfolio:

Envira Gallery

Envira Gallery membantu Anda membuat web portofolio sendiri dengan visual yang apik. Fitur drag and drop builder yang dipunya, Anda bisa mengunggah dan mengatur tampilan foto dengan mudah. Plugin ini juga sudah kompatibel dengan versi WordPress terbaru dan telah terintegrasi dengan Gutenberg. Artinya, Anda bisa tambahkan portofolio visual hanya dengan gallery block.

Envira juga menjamin tampilan web portofolio Anda responsif. Baik foto maupun video dapat ditampilkan di komputer, tablet, maupun ponsel. Dari sisi tampilan di mesin pencari, Envira juga berkomitmen mengoptimalkan SEO portofolio. Terdapat meta data yang bisa diisi untuk memaksimalkan keterjangkauan karya Anda.

Untuk fitur pro, Anda bisa juga menampilkan video, menampilkan foto dari Instagram, mengintegrasikan portofolio dengan galeri Lightroom, dan banyak fitur lainnya.

Smush

Plugin Smush

Smush membantu Anda menampilkan visual di website portofolio dengan ukuran yang pas. Karena ukuran gambar terlampau besar memakan waktu untuk load. Sebaliknya, jika ukuran gambar terlalu kecil, gambar akan terlihat pecah atau pixelated.

Nah, plugin ini akan mengecek seluruh komponen visual di website Anda. Smush kemudian akan melaporkan gambar-gambar yang kurang teroptimasi. Di versi gratis, Smush akan merekomendasikan ukuran ideal gambar. Anda perlu mengganti gambar secara manual sesuai dengan ukuran yang direkomendasikan.

Di versi premium, Anda bisa mengoptimasi semua gambar di dalam website dalam sekali klik. Dengan versi premium, Anda bisa menghemat memori hingga hampir 15 persen. Angka ini jauh lebih tinggi dibandingkan versi gratis, yaitu hampir 6 persen.

Elementor

Elementor

Elementor Page Builder merupakan plugin yang melengkapi pengaturan visual website. Dengan plugin ini, Anda bebas mendesain tampilan halaman dan post dengan mudahnya. Dilengkapi dengan fitur drag and drop, Anda tinggal menarik blok konten yang tersedia dan menaruhnya di posisi yang diinginkan. Pada prinsipnya, apa yang Anda liat ketika mendesain halaman akan menjadi tampilan yang juga diliat oleh pengunjung.

Tidak hanya tampilan dekstop saja yang bisa didesain. Dengan Elementor, Anda bisa melakukan kustomisasi tampilan web di tiap piranti. Mau itu tampilan ponsel, tablet, dekstop ukuran 14 inch, hingga yang berlayar lebar. Cara yang memudahkan Anda dalam membuat web portofolio sendiri ini akan memastikan setiap pengunjung, dari berbagai device, mendapatkan user experience terbaik.

Anda juga bisa membuat halaman khusus untuk Maintenance Mode atau Coming Soon. Elementor memudahkan Anda karena di dalamnya sudah ada beberapa desain yang bisa diedit. Untuk penggunaannya, plugin ini juga sangat ramah. Setiap perubahan yang dibuat dicatat. Jadi, ketika Anda ingin membalikkan desain ke tampilan lama, Anda cukup Ctrl+Z di keyboard atau klik versi tampilan yang diinginkan.

Akismet

Akismet

Akismet Anti-Spam adalah sahabat Anda untuk memerangi spam. Plugin ini diciptakan untuk memantau semua komentar dan formulir kontak di website. Aksimet akan mencocokkan kedua entri ini ke databse spam dan memfilter entri yang mencurigakan.

Akismet juga ikut memantau URL dari entri yang diterima web. URL tersebut ditampilkan untuk menghindari tautan tersembunyi dan tautan yang tidak relevan lainnya.

Untuk menggunakan plugin ini, Anda perlu mendapatkan kode API. Akismet menawarkan beberapa paket berlanggan untuk kode API itu sendiri. Paket Personal bisa Anda tebus dari $0 – $120 per tahun. Penggunaan gratis hanya dibolehkan untuk blog pribadi yang tidak komersil atau mempromosikan bisnis.

Sedangkan paket Plus ditujukan untuk website komersil dan blog profesional. Sisanya, paket Enterprise, ditujukan untuk multisite website.

Jetpack

Jetpack

Jetpack by WordPress.com adalah satu plugin dengan fitur yang lengkap. Dengan satu plugin ini saja, Anda bisa memantau keamanan dan performa setelah Anda membuat web portofolio. Selain itu, Anda juga dapat melakukan manajemen website.

Dari sisi keamanan, Jetpack melindungi website dari serangan peretas. Ditambah, ia juga menghindarkan Anda dari unauthorized logins. Untuk versi premium, Jetpack melakukan backup dan automated fixes untuk Anda. Frekuensi backup bisa diatur, mulai dari harian hingga sesuai kebutuhan.

Jetpack juga bisa dipakai untuk mengoptimasi website. Plugin akan mengoptimasi ukuran gambar dan menyertakan pilihan lazy load. Dengan begitu, kecepatan load dan user experience bisa terjaga.

Plugin dari WordPress.com ini juga terintegrasi dengan analytics dan tools SEO yang lengkap. Behavior pengunjung website bisa dipantau dengan analytics ini. Selain itu, ada juga SEO tools untuk memaksimalkan jangkauan konten ke Google, Bing, Twitter, Facebook, dan WordPress.com.


Contact Form

Contact Form

Contact Form by WPForm membantu Anda membuat segala macam formulir di website portofolio. Mulai dari formulir kontak, formulir berlangganan, formulir pembayaran, dan banyak macam lainnya. Fitur drag and drop di dalam plugin memudahkan Anda membuat formulir dalam hitungan menit.

Plugin ini menyediakan pre-built template. Jadi, Anda tak perlu susah-susah membuat formulir dari awal. Bisa dipastikan, formulir yang Anda buat bisa dikustom sehingga cocok dengan tampilan website. Selain urusan estetis, Anda tak perlu khawatir dengan tampilan form dari berbagai device. Contact Form keluaran WPForm ini 100% responsif.

Di versi premiumnya, Anda bisa membuat formulir subscription email, formulir kontak dalam bentuk multi-page, membuat formulir yang terintegrasi dengan pembayaran, dan banyak add-ons lainnya.

Langkah 6: Buat Bagian Khusus “About Me”

Halaman “About Me”, “About Us” atau “About” adalah bagian yang sangat-sangat penting di website portofolio. Di bagian ini Anda bisa menunjukkan kapasitas dan kemampuan di bidang yang digeluti. Halaman ini akan membantu Anda meyakinkan calon klien untuk memberikan proyeknya ke Anda.

Saking pentingnya bagian ini, tentu Anda tak boleh membuatnya dengan sembarangan. Simak beberapa tips saat membuat web portofolio sendiri berikut supaya calon klien semakin terpikat dengan kerja Anda:

  • Mulai dengan nama atau merk. Nyatakan dengan jelas siapa Anda. Ingat kata-kata, “tak kenal maka tak sayang” kan? Pastikan cara memperkenalkan diri yang dipakai membuat calon klien semakin tertarik dan “sayang” pada Anda.
  • Jelaskan secara singkat apa yang Anda lakukan. Biasanya beberapa kata saja cukup. Misalkan, “Saya seorang content writer dengan pengalaman lebih dari 7 tahun.” Atau berbagai variasi tergantung apa yang Anda kerjakan.
  • Ceritakan apa kelebihan Anda dari sudut pandang klien. Anda bisa saja mengaku sebagai pekerja keras, perfeksionis, dan sangat memperhatikan detil. Tapi, bukankah hal semacam itu sangat subjektif? Alih-alih memberikan suatu hal yang sulit dibuktikan, coba tawarkan suatu hal konkret yang dibutuhkan calon klien.
  • Sebutkan beberapa pengalaman kerja atau portofolio yang mengangkat reputasi Anda. Tak semuanya perlu disebutkan. Satu atau dua saja sudah cukup supaya tak terlihat terlalu pamer.
  • Ceritakan mengapa Anda bisa terjun di bidang yang digeluti. Cerita personal macam ini biasanya menyentuh emosi calon klien dan hasilnya Anda lebih mudah diingat.
  • Gunakan berbagai media. Tak melulu teks, Anda bisa coba menceritakan diri Anda dalam sebuah video atau audio.
  • Jangan lupa tampilkan foto diri Anda sesuai persona yang ingin ditonjolkan. Bisa foto profesional, kreatif, atau kasual.

Tak semua tips di atas harus diterapkan saat Anda mengaplikasikan cara membuat web portofolio. Anda bisa memilih beberapa saja yang paling cocok dengan model portofolio yang dimil

Untuk contoh-contoh halaman About, ada beberapa website yang bisa dijadikan inspirasi.

Perusahaan, misalnya, Anda bisa lihat halaman milik Niagahoster. Di sana, kami memperkenalkan diri dengan ringkas dan jelas. Meski begitu segala informasi yang membedakan kami dengan kompetitor lain sudah diutarakan.

Cara membuat website portofolio dengan menambahkan halaman tentang kami

Begitu juga pun dengan Refinery29. Media agency yang fokus pada isu-isu perempuan ini, berhasil menunjukkan visi dan secuplik portofolionya dalam uraian singkat nan apik.

Cara membuat web portofolio dengan menambahkan halaman tentang kami

Terakhir, halaman about milik oleh blogger profesional Lavendaire. Berbeda dengan kedua contoh sebelumnya, Aileen sang penulis, sengaja membagi perkenalan tentang dirinya dalam beberapa bagian. Ia menjelaskan sedikit arti tagline blog, siapa dirinya, cerita sebelum akhirnya memulai blog, dan mengapa memilih nama Lavendaire.

Salah satu langkah dalam cara membuat web portofolio sendiri adalah menambahkan halaman tentang kami

Contoh yang terakhir ini lebih cocok untuk blog atau portofolio personal. Anda bisa terlihat profesional dengan pekerjaan Anda sekaligus menunjukkan sisi personal.

Baca juga: 10+ Halaman Penting yang Harus Ada di Website Anda

Yuk Wujudkan Web Portfolio Anda Sekarang!

Membuat web portofolio sendiri ternyata bukan hal yang sulit, kan?

Yap, memang Anda butuh sedikit kesabaran dan banyak kreativitas untuk proses website development portfolio yang memuaskan.

Oleh sebab itu, minimalisir hal-hal yang mengganggu fokus Anda dalam mengasah kreativitas. Mengurus perkara teknis website, misalnya.

Bagaimana cara Anda melakukan itu?

Mudah saja, gunakanlah WordPress Hosting Niagahoster. Dengan hosting ini, seluruh pengelolaan website jauh lebih sederhana dan ramah awam. Jadi, Anda bisa memusatkan fokus pada strategi personal branding.

Nah, tunggu apa lagi? Yuk tunjukkan karya Anda lewat web portfolio terbaik, bisa juga mix dengan domain Indonesia lho!


Imas Indra A detail-oriented and innovative writer. She developed her creative talent and expertise after years of practice in journalism, academic research, essay writing, and blogging. Currently in Niagahoster, she boosted more people to #BuildSuccessOnline using SEO and content marketing strategies. When it comes to writing, her goal is to make complex topics enjoyable.

Leave a Reply

Your email address will not be published. Required fields are marked *