Cara Membuat Website Portofolio yang Mendapat Prospek – Tanpa Coding

Diterbitkan: 2022-01-20

Jika Anda seorang profesional individu dengan keterampilan hebat, memiliki situs web portofolio akan memberi Anda lebih banyak prospek. Tetapi sebagian besar pekerja lepas dan profesional merasa sulit untuk membuat situs web portofolio.

Ada beberapa kesalahpahaman tentang mendesain situs web dan 'membutuhkan pengetahuan pengkodean kelas atas' adalah salah satunya. Anda bahkan mungkin berpikir bahwa desain website akan membutuhkan anggaran yang besar.

Izinkan saya meyakinkan Anda bahwa Anda dapat membuat situs web portofolio tanpa coding dan dengan anggaran yang terjangkau. Yang terbaik adalah, Anda dapat melakukannya sendiri tanpa banyak pengetahuan teknis.

Di sini saya akan membagikan panduan langkah demi langkah terperinci untuk mendesain situs web portofolio.

Apa itu situs web portofolio?

Sebuah situs web portofolio seperti sebuah karya untuk seorang profesional individu atau perusahaan yang bersinar keterampilan dan karya orang atau perusahaan tertentu.

Situs web portofolio mungkin berisi beberapa fitur dan desain unik. Situs web portofolio untuk individu dulunya adalah situs web satu halaman. Untuk perusahaan, beberapa halaman diperlukan untuk memberikan informasi rinci kepada pengunjung.

Mengapa Anda Harus Memiliki Website Portofolio?

Anda akan memiliki beberapa keuntungan jika membuat website portofolio. Jika Anda menjaga semuanya tetap prima, ada peluang bagus untuk mendapatkan banyak arahan dari situs web. Berikut adalah keuntungan yang akan Anda nikmati dengan situs web portofolio –

Pamerkan Pekerjaan Anda Secara Profesional: Membuat situs web portofolio adalah cara terbaik untuk memamerkan semua karya Anda sebelumnya. Anda dapat menunjukkan secara profesional apa yang telah Anda lakukan untuk klien sebelumnya yang tidak dapat Anda tunjukkan dalam resume. Khusus untuk profesional kreatif, mudah untuk memberi tahu pemberi kerja jenis pekerjaan apa yang dapat Anda lakukan.

Ciptakan Kesan yang Lebih Baik untuk Pengusaha: Saat ini, ada sejumlah besar pekerja lepas di berbagai industri. Jika Anda ingin menonjol dari keramaian, membangun situs web portofolio profesional adalah cara terbaik untuk menarik perhatian pemberi kerja. Ini memberikan getaran positif kepada pemberi kerja dan meningkatkan peluang Anda untuk memenangkan proyek.

Dapatkan Lebih Banyak Pekerjaan: Mempertahankan situs web portofolio adalah cara terbaik untuk mendapatkan lebih banyak prospek serta lebih banyak pelanggan. Anda dapat menjalin hubungan baik dengan klien potensial Anda dengan memelihara situs web. Bahkan klien Anda sebelumnya dapat dengan mudah menemukan Anda melalui situs web portofolio.

Fleksibilitas: Dalam metode konvensional, orang biasa menyimpan resume untuk menunjukkan keahlian mereka. Tetapi sulit untuk memperbarui resume secara teratur. Tetapi sebuah situs web akan memberi Anda fleksibilitas untuk mengubah banyak hal dengan cepat. Setiap kali Anda menyelesaikan tugas baru, Anda dapat dengan mudah menambahkannya ke portofolio Anda.

Hal-hal yang Anda Butuhkan untuk Membuat Website Portofolio

Sebuah situs web baru membutuhkan beberapa hal penting, yaitu –

Domain: Ini akan menjadi nama situs web Anda dan juga identitasnya. Ada beberapa pasar tempat Anda dapat membeli nama domain. Tergantung pada kategori domain, biayanya bervariasi.

Untuk situs web portofolio baru, saya sarankan menggunakan nama domain baru. Biayanya sekitar $10 . Anda dapat membelinya dari GoDaddy, Namecheap, dan pasar domain serupa.

pendaftaran domain untuk situs web portofolio

Hosting: Setiap jenis situs web memerlukan layanan hosting tempat pemilik situs mengunggah file untuk situs web tersebut. Layanan hosting memiliki berbagai macam paket. Sebagai permulaan, layanan shared hosting sudah cukup. Tergantung pada penyedia hosting, harga akan bervariasi. Paket harga penyedia layanan hosting terkenal Bluehost mulai dari $2,95/bulan .

paket hosting untuk situs web portofolio

Jika Anda mengharapkan banyak lalu lintas dan ingin mengunggah begitu banyak file ke hosting, Anda dapat memilih hosting web yang dikelola. Saya sarankan menggunakan WordPress CMS untuk situs web. Anda dapat memeriksa penyedia hosting web terbaik untuk WordPress untuk menemukan detail lebih lanjut.

Plugin: Di sini saya akan membagikan metode di mana Anda tidak perlu tahu kode. Untuk ini, Anda harus menginstal dua plugin penting –

  • elemen
  • ElemenKit

Elementor adalah pembuat situs web populer yang memungkinkan pengguna mendesain situs web apa pun tanpa menulis kode apa pun. Semua yang Anda terapkan di situs web hanya perlu menyeret dan melepaskan widget tertentu.

ElementsKit adalah addon Elementor yang didedikasikan untuk mendesain situs web dengan fitur-fitur canggih . Jika Anda mencari pembuat situs web terbaik untuk portofolio, itu adalah pembuat halaman terbaik yang dapat Anda gunakan. Anda akan menemukan templat situs web portofolio dengan ElementsKit.

Langkah-langkah Membangun Website Portofolio Profesional

Ikuti langkah-langkah berikut untuk membuat situs web portofolio tanpa menulis satu baris kode pun.

Langkah 1: Instal WordPress

Sekarang setelah Anda membeli nama domain dan layanan hosting, Anda perlu menginstal WordPress CMS .

Menginstal WordPress tidak membutuhkan banyak usaha. Sebagian besar perusahaan hosting memiliki opsi untuk instalasi WordPress sekali klik. Anda tidak perlu repot menangani masalah teknis.

Namun, jika penyedia hosting pilihan Anda tidak memiliki instalasi sekali klik, Anda dapat menginstal WordPress secara manual.

Langkah 2: Instal Plugin Esensial – Elementor dan ElementsKit

Jika WordPress diinstal dengan benar, Anda sekarang dapat menginstal plugin penting untuk mendesain situs web portofolio profesional. Seperti disebutkan di atas, Anda perlu menginstal Elementor dan ElementsKit.

Dari dasbor WordPress, buka plugin dan itu akan mengarahkan Anda ke halaman baru. Di sana cari Elementor dan plugin akan muncul. Klik tombol instal dan aktifkan plugin.

Sekarang buka halaman arahan ElementsKit dan pilih paket sesuai kebutuhan Anda. Saat Anda akan membangun situs web portofolio, paket 'pribadi' sudah cukup. Pilih paket dan dapatkan plugin. Instal dan aktifkan plugin untuk menikmati semua fitur ElementsKit.

buat situs web portofolio dengan ElementsKit

Langkah 3: Tambahkan Tema WordPress

Jika Anda ingin mencapai tata letak yang baik untuk situs web Anda, memasang tema portofolio responsif sangat penting. Namun, Anda dapat melewati langkah ini jika Anda ingin melakukan semuanya dengan templat situs web portofolio ElementsKit. Saya akan merekomendasikan menggunakan tema WordPress portofolio BLO.

Langkah4: Pilih Template

Sekarang Anda siap untuk mulai mendesain situs web Anda. Buka dasbor WordPress dan pilih 'buat halaman baru'. Kemudian pilih 'Edit dengan Elementor' untuk menambahkan fitur ke situs web hanya dengan menyeret dan melepaskan elemen ElementsKit.

Anda akan mendarat di halaman yang berbeda. Klik tombol Ekit dan Anda akan masuk ke daftar template. Akan ada tiga opsi berbeda – Template, Halaman, dan Bagian . Klik 'Templat' dan Anda akan melihat semua templat yang tersedia dari ElementsKit.

templat situs web portofolio

Dari daftar template, pilih template 'Portofolio Pribadi' . Klik insert dan template akan diimpor ke halaman. Pergi ke langkah berikutnya.

Template ini memiliki beberapa halaman dan Anda dapat menambahkan semua bagian hanya dengan memasukkan halaman template tertentu. Misalnya, Anda dapat menambahkan halaman beranda, halaman paket harga, halaman FAQ, dan banyak lagi.

Langkah 5: Edit Template

Jika Anda telah berhasil menambahkan template, sekarang saatnya untuk mengedit template dengan mengganti elemen Anda sendiri.

Hal pertama yang harus Anda edit adalah judul template. Beri judul sesuai dengan nama profesi atau nama perusahaan Anda.

Juga, ubah gambar demo dan tambahkan milik Anda.

cara membuat website portofolio dengan template

Katakanlah Anda adalah seorang pengembang web profesional, maka Anda dapat menulis sesuatu seperti "Hei, saya seorang pengembang web profesional." Anda kemudian dapat mengubah warna judul, font, tinggi, dan lebar.

bagian header untuk portofolio

Sekarang jika Anda menggulir halaman sedikit ke bawah, di sana Anda akan melihat bagian solusi. Di bagian ini, Anda dapat menambahkan layanan yang Anda tawarkan.

solusi untuk ditambahkan ke situs portofolio

Untuk setiap bagian layanan demo, klik ikon edit di atas dan itu akan memberikan opsi untuk menambahkan teks dan elemen kreatif baru.

cara mengedit bagian layanan untuk portofolio
  • Tinggi yang sama: Di sini Anda dapat memilih ketinggian yang sama untuk setiap bagian layanan.
  • Jenis ikon: Pilih ikon untuk layanan. Anda dapat mengunggah ikon khusus untuk situs web
  • Tambahkan ikon: Di sini Anda dapat menonaktifkan atau mengaktifkan opsi penambahan ikon
  • Ikon tajuk: Di sini Anda akan melihat pratinjau ikon tajuk
  • Judul: Pilih judul untuk layanan
  • Deskripsi: Tulis deskripsi untuk layanan yang Anda tawarkan

Anda kemudian dapat mengedit bagian tentang saya. Tambahkan detail tentang Anda sehingga siapa pun dapat dengan mudah memahami apa yang Anda tawarkan.

tentang saya untuk situs web portofolio

Di bagian kiri, Anda dapat mengedit dan menyesuaikan detail tentang saya dan bagian kanan akan menampilkan pratinjau deskripsi. Dari gambar hingga teks, semua yang ada di bagian ini dapat diedit.

  • Judul: Di sini Anda dapat menambahkan judul tentang Anda.
  • Subtitle: Sesuaikan subtitle untuk bagian tentang saya.
  • Deskripsi Judul: Tambahkan deskripsi untuk judul.
  • Teks Bayangan: Anda dapat menambahkan teks bayangan jika Anda mau
  • Separator: Anda dapat mengaktifkan atau menonaktifkan separator dan memilih gaya yang berbeda untuk separator.

Demikian pula, Anda dapat menambahkan karya unggulan yang akan disukai pelanggan Anda. Ada footer default di template. Tetapi Anda dapat menghapus ini jika Anda mau dan menambahkan templat footer yang lebih baik dari daftar templat ElementsKit.

Langkah 6: Tambahkan Footer

Untuk menambahkan footer khusus untuk situs web portofolio Anda, klik tombol Ekit di halaman. Dari kategori template , pilih footer. Sekarang Anda akan memiliki daftar semua template footer yang tersedia . Pilih satu dan sisipkan di halaman. Edit teks dan tautan template sesuai dengan kebutuhan Anda.

cara menambahkan footer untuk situs web portofolio

Langkah 7: Pratinjau dan Perbarui

Terakhir, jika semuanya terlihat baik-baik saja di template, pratinjau untuk mendapatkan gambaran yang jelas tentang bagaimana tampilan situs web portofolio. Setelah menyelesaikan desain situs, perbarui halaman.

Jika Anda telah mengikuti langkah-langkah di atas dengan benar, sekarang Anda harus memiliki situs web portofolio yang bagus. Demikian pula, Anda dapat membuat situs web SaaS, situs web Alumni, dan sebagainya tanpa coding.

Hal-hal yang Harus Disertakan dalam Situs Web Portofolio

Anda ingin membuat website portofolio yang disukai pelanggan Anda, bukan? Jadi, harus menambahkan bagian berikut di situs web Anda –

Layanan yang Anda tawarkan

Pamerkan semua layanan Anda di situs web sehingga pengunjung dapat dengan mudah mengetahui apa yang dapat mereka harapkan dari Anda. Apakah Anda seorang fotografer profesional, pengembang web, atau apa pun, Anda mungkin memiliki layanan yang berbeda untuk ditawarkan.

Tambahkan mereka satu per satu. Saat Anda menggunakan templat situs web portofolio ElementsKit , Anda akan melihat bagian layanan default. Edit bagian tersebut dengan layanan yang Anda tawarkan.

Contoh Pekerjaan Sebelumnya

Bagaimana Anda dapat meyakinkan klien Anda bahwa Anda dapat menangani pekerjaan kritis? Nah, cara terbaik untuk mendapatkan kepercayaan dari klien potensial Anda adalah dengan menyimpan contoh pekerjaan Anda sebelumnya. Jaga sampel pekerjaan sebelumnya tetap bersih sehingga pengunjung dapat dengan mudah memindainya.

Tentang saya

Bagian ini akan menjadi segalanya tentang Anda. Itu harus memiliki kata kunci terkait industri. Juga, bagian tentang saya harus menggambarkan Anda dengan benar . Bagian Tentang saya membantu pembaca untuk langsung mendapatkan gambaran yang jelas tentang Anda atau perusahaan Anda.

Harga untuk Layanan

Anda akan mendapatkan lebih banyak prospek untuk bisnis Anda jika harganya menarik. Tawarkan harga terjangkau untuk layanan Anda dan tunjukkan di bagian harga situs web Anda. Jika Anda tidak puas dengan bagian harga templat situs web portofolio , Anda bisa mencari widget harga di perpustakaan widget. Sisipkan bagian widget dan edit dengan harga yang ingin Anda tawarkan.

formulir kontak

Jika pengunjung situs web menyukai contoh pekerjaan, layanan, dan harga Anda, mereka ingin menghubungi Anda. Untuk ini, formulir kontak di situs web adalah suatu keharusan . Tapi jangan khawatir. Anda dapat membuat formulir kontak dari awal tanpa coding.

Instal MetForm pembuat formulir kontak paling canggih dan mulailah membuat formulir kontak untuk situs web Anda. Sekali lagi, Anda dapat menggunakan templat formulir siap pakai dari MetForm dan membuat formulir kontak yang menakjubkan.

Bungkus

Sekarang setelah Anda mengetahui cara membuat situs web portofolio, mulailah sekarang. Ikuti langkah-langkah yang telah saya bagikan dan Anda tidak perlu bersusah payah mendesain situs web portofolio profesional . Jadi, bangun situs web portofolio dan dapatkan lebih banyak prospek serta lebih banyak pendapatan.

Instal ElementsKit Sekarang