3 Platform untuk Bina Website Portfolio (UIUX Designers)

“Platform apa yang sesuai nak buat online Portfolio?” Ini antara Platform yang aku pernah pakai, and the pros & cons of each platform.


Ini antara soalan yang ramai orang tanya dekat aku.

“Untuk UIUX Designers, Platform apa yang sesuai nak buat online Portfolio?”

Ini antara Platform yang aku pernah pakai, and the pros & cons of each platform. Aku juga akan suggest viable platform lain untuk bina Portfolio.

🙌🏻
Mohon support anda dan subscribe Nilai Design untuk content bernilai macamni.

Platform 1 - Framer

Framer ni no-code website builder. Memang recommended untuk designers.

Register pakai personal link aku: https://www.framer.com/?via=imnnazri

Sebab dia ada integration dengan Figma.

Plugin Figma to Framer


Kau boleh start dengan percuma je Framer ni. Bila start dengan plan percuma, Framer akan provide URL.

Ni contoh portfolio free aku yang aku testing di Framer:

URL Percuma diberikan oleh Framer



Kalau nak pakai domain sendiri, korang kena upgrade ke plan mini site.

Ini proses design di Figma, develop di Framer. Ada 3 langkah:

  • Design portfolio dalam Figma
  • Export design from Figma to Framer (use this plugin)
  • Adjust sikit dekat Framer, then hit Publish

Ofcourse, bila dekat Framer tu, usually kita akan edit bagi mobile responsive, and add animation when needed.

1a. Framer Pros

  • Mudah dan familiar untuk UIUX Designers bina portfolio sendiri
  • Templates percuma sedia ada cantik dan well presentable  (Ada juga yang berbayar)
  • Animation effects dia modern.
  • Documentations dan tutorial yang mantap (disediakan oleh team Framer)

1b. Framer Cons


- Kena upgrade untuk pasang domain. Can be pricey untuk warga Malaysia.

To be honest, part pricing tu je yang cons bagi aku.

Aku paham, kita baru nak mula bidang UIUX Designer, belum dapat kerja, dah kena keluar duit.

😎
Aku advice korang untuk start je dengan plan percuma. 

Ingat, matlamat utama kita adalah untuk wujudkan online portfolio.

Nanti bila dah dapat full time job, boleh upgrade ke paid plan dan pakai personal domain korang.


Platform 2 - WordPress

WordPress ni asalnya adalah blogging platform.

Untuk yang takda pengalaman membina web and knowledege pasal hosting, jalan WordPress ni ada learning curve dia.

But kau akan learn alot of things along the way.

Kalau nak buat portfolio website pakai WordPress, ada few things yang kena take note.

2a. Take Note:


- WordPress.com dan Wordpress.Org berbeza. Dalam usecase kita, kita akan pakai Wordpress org

- Hosting, pakai GBNetwork. Pilih plan WordPress Optimized Hosting

- Aku recommend untuk guna page builder Elementor untuk design & develop website portfolio.

- Pakai theme Qi, dia ada template yang menarik, sesuai untuk designers case studies.

Pakai Qi Theme sebagai Theme kita

Note; kita akan pakai Elementor FREE version. Theme Qi tu akan cover most parts dah.

Dalam WordPress, kita ada term “plugins”.  Sebaik-baiknya, pakai the least amount of plugins.

Kat sini aku share checklist plugins yang korang perlu ada. Untuk setiap plugin ni, hanya perlu ada satu je.

2b. Checklist Plugins

Kau punya setup WordPress akan look like this:

  • Qode Essential Addons
  • Caching plugin (WPFastest)
  • SEO plugin (Rankmath)
  • Elementor (Free Version)

Ini contoh gambar:

List Plugins di WordPress

The reason why aku suggest WordPress, sebab dulu aku buat portfolio pakai WordPress.

Aku belajar banyak benda. Aku dapat jugak jadi Web Design Freelancer dengan Wordpress.

Also, dekat Malaysia ramai yang dah mahir WordPress. So, kalau kau ada soalan, memang ramai yang boleh bantu kau.

2c. WordPress Pros:

  • Almost unlimited flexibilit
  • Senang nak tanya + tuntut ilmu. Ramai orang yang mahir WordPress kat Malaysia
  • Berpotensi untuk jadikan sebagai side-income project (freelancing)
  • Extendable with code (if you want)

2d. Wordpress Cons

  • Steep learning curve. Akan jadi overwhelming sebab banyak benda kena cover. (Hosting, Cloudflare, etc etc..)
  • Sometimes...shit happens, your site breaks and you don't know why.


If you don’t really care about custom flashy design, the theme will work just fine.

This will get the recruiters attention.


Platform 3 - Notion


Notion is a notetaking app. Kalau nak buat portfolio, pun boleh sebenarnya.

Kita boleh jadikan dia sebagai Portfolio site.

Letak write-up dan screenshot screens Figma dalam case studies kita.

Hasilnya? Kita akan ada portfolio lengkap.

Perlukan template? Boleh beli template Notion aku.

Harga RM24.90. Aku juga akan update Template ni from time-to-time.

Once you've purchased the template, I will email you the template.


Platform Lain-Lain (Bonus)

Selain daripada Framer, WordPress dan Notion, ini antara platform yang aku boleh recommend.

Ini semua dah level global. Korang park je dulu profile kat platform ni.

Platforms:

  • Read.CV

4a. Read

Professional Network. Tak famous kat Malaysia lagi.

Guys, kalau berminat nak try platform Read ni, boleh register pakai link aku:

Join Iman Nazri on read.cv
Iman Nazri has invited you to join read.cv

Penutup


3 ni adalah platform yang aku sendiri pernah try.

You guys can try it out and see which option that suits your budget.

5. Cost Breakdown

5a. Notion

Notion is Free. (RM24.90 if you use my template)

5b. Framer

For Framer, its going to be Free.  (~RM42 per month, if nak guna custom domain)

5c. WordPress

For WordPress, cost dia akan vary. For this case, cost dia roughly dalam RM75 untuk kau get started.

Usually cost yang kena take note:

  • Domain (RM55.00/per year)
  • Hosting (RM20/per month)

Aku harap post ni dapat bagi insight kat korang untuk buat online portfolio.

Thanks for reading!


Subscribe to Nilai Design

Don’t miss out on the latest issues. Sign up now to get access to the library of members-only issues.
jamie@example.com
Subscribe