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

9 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!

Baca juga: Cara Membuat Website Forum

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.

Baca juga: Cara Menentukan Nama Domain untuk Bisnis Kreatif Anda

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 Simple WordPress Hosting

Simple WordPress adalah layanan hosting pertama dan satu-satunya di Indonesia yang fokus pada kemudahan pengelolaan WordPress, sebuah platform Content Management System paling populer saat ini.

Menggunakan Simple WordPress, pengelolaan website portfolio Anda jadi jauh lebih mudah dan performanya pun juga hebat.

Apalagi, Simple WordPress mengantongi berbagai fitur untuk menggenjot performa situs. Mulai dari SSL gratis, web server tercepat di dunia dari LiteSpeed Web Server, backup harian otomatis, dan banyak lagi.

Tak heran, kecepatan, keamanan, hingga performa web portfolio Anda pun cukup terjamin. Bahkan meski tiap bulan kebanjiran 15-450ribu pengunjung, situs tetap kuat.

Tapi, paket Simple WordPress kan banyak, mana yang cocok untuk membuat web portfolio sendiri ya?

Nah ngomong-ngomong tentang pilihan paketnya, kami sarankan Anda memilih opsi Blog untuk web portfolio. Hanya dengan Rp32ribu/bulan, Anda sudah bisa membuat web portfolio dengan kemampuan mumpuni.

paket simple wordpress blog, company profile, toko online

Sekarang, kita lanjut ke domain. Kabar gembiranya, 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.

Tidak berhenti di sana saja kabar gembiranya, Simple WordPress juga memberikan tema bawaan sesuai paket pilihan Anda. Dan tentunya, desain website juga lebih kece dan profesional. Tentu saja akan jauh lebih keren jika Anda mempraktikkan tips desain website dari kami.

Tidak percaya? Coba lihat saja cuplikan web portfolio dengan tema gratis dari Simple WordPress Niagahoster ini.

Contoh tema Simple WordPress yang bisa dipakai saat mengaplikasikan cara membuat web portofolio

Serunya lagi, tema ini sudah otomatis terinstal pada website Anda. Jadi, situs portfolio pun bisa lebih cepat rilis ke publik.

Namun kalau Anda masih ingin memodifikasi tema bawaan ini, bisa juga kok. Silakan atur tata letak konten, ganti warna dan font pada situs, dan kreativitas lainnya.

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. Berbeda dengan jenis hosting lainnya, pengelolaan website Simple WordPress jauh lebih sederhana.

Anda akan mendapatkan sebuah dasbor simple, yang mana semua pengaturan web bisa dilakukan dari sini. Mulai dari mengakses halaman admin dalam sekali klik, membuat website duplikat (staging), update otomatis plugin dan tema, dll.

dasbor sederhana Simple WordPress untuk membuat web portofolio

Dasbor Simple WordPress jelas jauh berbeda dengan cPanel pada hosting lainnya. Pada cPanel, menunya lebih beragam dan cukup teknis. Sehingga, orang yang masih awam dengan hosting kemungkinan akan bingung.

cPanel menyediakan opsi fitur yang cukup kompleks

Sekarang, Anda penasaran: dengan menu yang lebih sederhana, memangnya fungsi apa saja yang Simple WordPress sediakan? 

Secara garis besar, ini dia menu utama pada dasbor Anda:

  • Overview: melihat informasi umum tentang website (versi WordPress, informasi kapasitas SSD, status SSL, dan status HTTPS);
  • Feature: melihat fitur utama untuk mengelola website (staging dan instal ulang WordPress);
  • Analytics: memberikan statistik pengunjung website (jumlah kunjungan, unique visitor, hingga lokasi asal);
  • Backup: memudahkan Anda mengelola backup kapanpun;
  • Knowledge Base: menyediakan puluhan tutorial WordPress secara lengkap.

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

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

Baca Juga: Web Hosting vs Simple WordPress Hosting: Manakah yang Tepat untuk Anda?

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.

Kalau memakai cara instal plugin yang biasa, Anda harus masuk ke halaman admin WordPress, kemudian mencari dan mengaktifkan plugin. Intinya, jauh lebih repot daripada saat Anda memakai Simple WordPress.

Dengan Simple WordPress, menginstal plugin jadi sederhana. Sebab, Anda bisa langsung memasang plugin lewat dasbor Simple WordPress. Tanpa perlu login ke halaman admin alias WordPress Management.

Caranya, cukup masuk ke menu Feature pada dasbor Simple WordPress. Lalu, klik titik tiga (⋮) dan pilih submenu Kelola Plugin.

cara menginstal plugin dengan Simple WordPress dalam cara membuat website portofolio

Kalau sudah, klik tombol Tambah Plugin Baru. Pada kotak pencarian, silakan masukkan plugin yang ingin Anda instal dan jangan lupa tekan Pasang Plugin. Mudah, bukan?

Langkah membuat web portofolio yaitu menambah plugin lewat dasbor Simple WordPress

Mungkin, Anda bingung plugin apa saja yang perlu diinstal saat membuat website portfolio sendiri. 

Nah sebagai informasi, Simple WordPress secara otomatis sudah memasangkan plugin utama yang situs portfolio apapun butuhkan, yaitu:

  • Yoast SEO, untuk membantu meningkatkan performa SEO website;
  • Google Site Kit yaitu plugin yang menyediakan data terkait performa website. Terdiri dari Google Search Console, Analytics, Google AdSense, dll;
  • Website Story, untuk membuat konten dengan format story pada website.

Namun, alangkah lebih optimal lagi, saat membuat web portofolio, Anda juga menginstal plugin-plugin berikut:

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.

Baca juga: Cara Membuat Website Fotografi

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.

Baca juga: Apa itu Blog

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.

Baca juga: Cara Membuat Website Mobile Friendly

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 Simple WordPress 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!


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 *