LinkedIn
WhatsApp
Microsoft Teams

Contoh Portofolio UI/UX Design dan Cara Membuatnya

Gede Dwipantara

Gede Dwipantara

Design Specialist

View case

durasi baca : 3 menit

Portofolio UI/UX adalah salah satu hal penting yang diperlukan untuk memulai karir di bidang UI/UX. Pasalnya, hal tersebut membantu perusahaan atau klien meninjau pengalaman dan kemampuan seorang talent di bidangnya. Pahami cara menyusun portofolio yang menarik dengan tips berikut ini!

Apa Itu Portofolio?

Portofolio merupakan sebuah dokumen yang dimanfaatkan untuk menunjukkan hasil kerja di dalam bidang tertentu. Harapannya, hasil kerja di dalam portofolio tersebut akan mencerminkan seberapa baik kemampuan kamu di suatu bidang.

Salah satu bidang yang hasil kerjanya bisa kamu tunjukkan melalui portofolio yaitu UI/UX. Nah, sebelumnya, apakah kamu tahu bedanya UI dan UX?

Secara garis besar, User Interface (UI) adalah tampilan visual dalam sebuah sistem. Sementara, User eXperience merupakan proses menciptakan desain website atau aplikasi berdasarkan pengalaman terbaik pengguna. Itulah perbedaan UI dan UX   yang paling mendasar.

Kamu bisa membuat portofolio dalam berbagai bentuk. Contohnya antara lain adalah format presentasi (deck), Word, koleksi foto dan video, hingga bentuk online, seperti website dan platform media sosial yang memang didedikasikan khusus untuk menunjukkan hasil kerja.

Tidak ada batasan atau template standar dalam membuat portofolio, sehingga kamu bisa menyusun portofolio sesuai dengan kebutuhan dan kreativitas.

Apa Pentingnya Portofolio UI/UX?

Nah, untuk bidang UI/UX, memangnya seberapa penting sih menyusun portofolio tersebut?

Pada prinsipnya, portofolio memberikan banyak nilai tambah di mata perusahaan maupun calon klien.  Lebih dari itu, dokumen tersebut membantu membuat profil kamu terlihat lebih unggul daripada orang lain yang juga ingin berkarir di bidang UI/UX.

Mengapa? Alasannya sangat sederhana. Jika kamu memiliki portofolio UI/UX, itu berarti kamu sudah memiliki dan dapat membuktikan karya atau hasil kerja yang berhubungan dengan bidang tersebut.

Semua orang ingin bekerja dengan pekerja yang kompeten, bukan? Nah, biasanya, perusahaan ataupun klien yang ingin mendapatkan orang terbaik di bidangnya ingin mengukur kemampuan atau kompetensi tersebut lewat hasil karya atau kerja.

Bagi mereka, hasil kerja adalah bukti nyata jika kamu mampu menyelesaikan permintaan yang berhubungan dengan kebutuhan UI/UX mereka.

Portofolio memudahkan kamu untuk menunjukkan hasil kerja kamu secara terstruktur dan relevan. Tentunya, dokumen tersebut memfasilitasi calon klien maupun perusahaan untuk melakukan observasi dengan lebih baik terkait kebutuhan mereka dan keterampilan kamu. berdasarkan hasil kerja yang sudah pernah kamu lakukan.

Tanpa aset berbentuk portofolio, perusahaan atau calon klien akan lebih sulit untuk mengukur kemampuan kamu dalam mengerjakan proyek UI/UX design. Pasalnya, kamu belum mampu membuktikan keterampilan kamu sehingga mereka dapat menilai profil kamu secara utuh.

Apa yang Harus Ada di Dalam Portofolio UI/UX?

Dalam membuat portofolio, sebetulnya hasil kerja saja tidaklah cukup untuk meyakinkan perusahaan ataupun calon klien. Ada setidaknya enam unsur di bawah ini yang perlu kamu cantumkan dalam sebuah portofolio agar lebih efektif dalam mengkomunikasikan keterampilan dan profil kamu pada peluang kerja baru.

1. Deskripsi Diri

Bagian awal portofolio perlu kamu isi dengan memperkenalkan diri pada pembaca. Pada bagian ini, jelaskan latar belakang diri secara ringkas dan jelas, dengan fokus yang berhubungan dengan dunia UI//UX.

2. Pengalaman Kerja

Seperti saat kamu membuat Curriculum Vitae (CV), di portofolio pun kamu perlu menyinggung tentang pengalaman kerja yang pernah kamu lakukan.

Pengalaman kerja di sini tidak hanya dalam bentuk kerja penuh waktu. Jika kamu pernah bekerja freelance, magang, atau bahkan bekerja secara mandiri, kamu bisa masukkan ke dalam portofolio selama informasinya masih relevan.

Cantumkan dalam format ringkas, dengan menyebutkan nama perusahaan, nama jabatan, dan periode waktu tanpa perlu perincian mendalam seperti di CV atau professional resume.

3. Pendidikan

Isi kolom pendidikan dapat mencakup pendidikan nonformal yang juga masih berkaitan dengan bidang UI/UX, contohnya  adalah sertifikasi, kursus, ataupun bootcamp dan menopang pengalaman kamu di bidang tersebut.

Bagian ini dapat membantu kamu meyakinkan perusahaan ataupun calon klien bahwa kamu memang memiliki kemampuan UI/UX design yang mereka cari dan kamu peroleh melalui sektor pendidikan.

4. Keterampilan atau Skill

Nah, ini adalah bagian yang penting dan harus kamu sebutkan pula dalam portofolio UI dan UX design. Kamu harus menjelaskan apa saja keterampilan atau skill yang kamu miliki terkait pekerjaan yang pernah kamu lakukan di bidang tersebut.

Tentu, keterampilan atau skill yang kamu tulis di bagian ini yang masih berhubungan dengan UI/UX design. Tetapi, perhatikan pula kebutuhan atau syarat atau requirement dari perusahaan atau calon klien.

Sebutkan keterampilan yang memang kamu miliki dan sesuai dengan kebutuhan calon klien atau perusahaan, baik dalam bentuk hard skills dan soft skills.

Hard skills merupakan kemampuan yang berhubungan secara teknis dengan UI/UX secara langsung. Baik itu dalam hal penggunaan aplikasi, tools, ataupun mengerjakan tugas tertentu. Hard skills ini adalah kemampuan yang sifatnya objektif dan bisa diukur.

Sedangkan, soft skills merujuk pada kemampuan yang sifatnya subjektif dan tidak ada ukuran pasti dalam menilainya. Contoh soft skills adalah kemampuan bersosialisasi, kepemimpinan, empati, kreatif, ataupun kemampuan dalam mencari solusi dalam suatu permasalahan (problem solving).

5. Proyek yang Pernah kamu Kerjakan

Nah, di sinilah kamu bisa memamerkan karya terbaik selama menekuni dunia UI/UX design.

Kamu tidak perlu menaruh semua hasil karya ke dalam portofolio. Apalagi, jika kamu sudah berpengalaman selama bertahun-tahun dan karya kamu jumlahnya sudah puluhan hingga ratusan.

Kamu bisa tunjukkan sekitar tiga sampai lima hasil karya atau pekerjaan terbaik Dan jangan lupa berikan ringkasan tentang pencapaian dari karya terbaik terkait proyek yang kamu kerjakan tersebut.

Lalu, jika kamu baru merintis di dunia UI/UX design dan belum pernah punya pengalaman kerja yang nyata, bagaimana cara menunjukkan portofolionya?

Kamu bisa mencoba pendekatan lain dengan mengerjakan dummy projects agar kamu memiliki hasil karya yang bisa ditunjukkan.

Dummy projects adalah pekerjaan atau project yang sifatnya fiktif dan cenderung merupakan hasil percobaan yang pernah kamu lakukan.

6. Kontak yang Bisa Dihubungi

Terakhir, ingat untuk memberi kontak yang bisa kamu hubungi di halaman terakhir portofolio.

Kamu cukup mencantumkan nomor HP, email, dan akun LinkedIn. Pastikan bahwa nomor ponsel dan alamat email kamu valid dan aktif agar perusahaan atau calon klien dapat menghubungi kamu jika tertarik berkolaborasi.

Bagaimana Cara Membuat Portofolio?

Portofolio UI/UX adalah perwakilan diri sendiri sehingga isinya harus efektif dalam memikat audiens. Jika kamu bingung harus memulai dengan apa atau dari mana untuk menyusunnya, kamu bisa melakukan refleksi dengan bertanya pada diri sendiri terkait beberapa aspek dalam penjelasan di bawah ini.

  • Apa project UI/UX yang pernah kamu kerjakan dan kamu bekerja untuk siapa?
  • Bagaimana kontribusi karya kamu terhadap kemajuan perusahaan sebelumnya atau klien yang pernah kamu handle?
  • Apa metode dan tools yang kamu gunakan saat mengerjakan project?

Tiga pertanyaan tersebut, ditambah dengan enam komponen portofolio yang sudah sempat kita bahas sebelumnya, bisa membantu dalam menyusun desain dan isi portofolio yang komunikatif.

Contoh UI/UX Portfolio

Sebagai panduan, kamu bisa melihat contoh Portofolio UI/UX oleh Sharon Kravanja di bawah ini:

Image

Source : Sharon Behance

Seperti yang bisa kamu lihat, portofolio oleh Sharon memiliki style unik tersendiri dan bagian profile-nya pun cukup jelas karena ada bagian highlight mengenai skill yang dimilikinya. Ia juga melengkapinya dengan menambah pengalaman kerjanya berupa screenshot dari projek UI/UX yang pernah ia tangani. Menarik bukan?

Yuk Buat Portofolio Kamu Sekarang!

Portofolio UI/UX punya peran yang sangat penting untuk membangun personal brand terhadap profil kamu sehingga meyakinkan perusahaan atau calon klien untuk bekerja sama atau mempekerjakan kamu.

Salah satu media yang bisa kamu gunakan untuk membuat portofolio adalah media sosial. Jadi, branding juga diperlukan agar portofolio kamu bisa dijangkau oleh banyak orang. Whello memfasilitasi kebutuhan tersebut melalui jasa branding sehingga kamu bisa fokus membangun personal brand untuk menarik lebih banyak peluang kerja!

Image

Frequently Asked Questions

Portfolio UI/UX merupakan sekumpulan hasil karya yang menunjukkan kemampuan kamu dalam bidang UI/UX design.

Suka Artikel Ini?

Baca juga artikel lainnya

Cari Artikel

Layanan Whello

  • Jasa Pembuatan Website
  • Jasa SEO
  • Google Ads
  • Facebook Ads
  • Instagram Ads
  • Copywriting
  • Jasa Pembuatan Aplikasi

Subscribe Newsletter Whello Gratis

Dapatkan promo eksklusif dan konten menarik langsung di emailmu.

Image

Tentang Gede Dwipantara

Design Specialist

Kenalin, aku Gede. Designer di Whello yang selalu punya ide segar buat bikin visual jadi hidup. Yuk kenalan lebih lanjut!

Baca lebih lanjut tentang Gede

What Our Happy Clients Say

google logo

Whello membantu perkembangan bisnis kami selama 12 bulan terakhir, berawal dari problem web kami hilang dari SERP google. Kemudian dalam 3 bulan, problem ini di atasi. semoga Whello makin sukses. GBU.

IDCopy

IDCopy

Marketing Manager – IDCopy

Link Absolute
google logo

Saya suka dengan pelayanannya yang ramah. Pak Argo dapat memberikan konsultasi tentang digital marketing dengan baik dan sangat mudah dimengerti. Saran konkrit yang di berikan bisa langsung di terapkan. Sehingga saya sangat merekomendasikan untuk kalian yang juga ingin sukses di dunia digital! Sukses terus whello!

Indra Kursus Mengemudi

Indra Kursus Mengemudi

Marketing Manager – Indra Kursus Mengemudi

Link Absolute
google logo

Kami menggunakan jasa website development dan SEO. Sangat puas dengan jasa yang diberikan dari awal hingga akhir. Merasa ter-personalisasi dengan kebutuhan kami dan selalu menawarkan respon/tanggapan/solusi yang cepat. SEO kami jd nomor 1 berkat guide dari Whello!

Zerowaste Indonesia

Zerowaste Indonesia

Marketing Manager – Zerowaste Indonesia

Link Absolute
google logo

So glad can found this agency! I love the result from their service branding. Thanks to Whello team to make the design of my business branding become stunning more than I expected. Godspeed!

We Form Health

We Form Health

Marketing Manager – We Form Health

Link Absolute
google logo

I’m extremely glad to know the Whello team! They help my business branding strategy with a great result. They can understand what I want to implement in my brand, and always put extraordinary creativity into every work.

Gevity

Gevity

Marketing Manager – Gevity

Link Absolute
google logo

Kami menggunakan jasa website development dari Whello. Untuk setiap detail yang kami butuhkan dapat dipenuhi oleh tim Whello. Service yang diberikan sangat memuaskan. Koordinasi dilakukan dengan sangat baik hingga pekerjaan pengembangan website dapat diselesaikan sampai tuntas, bahkan melebihi ekspektasi kami. Terima kasih Whello.

Aesia

Aesia

Marketing Manager – Aesia

Link Absolute
google logo

Whello have played both a large and incredibly positive role in the success of our company’s online ventures. Unlike other experiences in the past, their presentation, communication and reliability, in addition to meeting crucial deadlines, has always exceeded our company’s expectations.

Red & White

Red & White

Marketing Manager – Red & White

Link Absolute
google logo

Service nya whello ga usah ditanya sih. The best from any agency I have ever met. Bukan cuma kerjain apa yg kita request tp jg kasih wise advice dan malahan kita yg dapet insight. Happy to work with Whello. Jg saya ga malu utk recommend whello k yg lain.

Salak Education

Salak Education

Marketing Manager – Salak Education

Link Absolute
google logo

One of our Great Partner. Whello. Pelayanan bagus, sabar dan meng-edukasi pelanggan maupun calon pelanggan. Sukses selalu Whello and Team

Bus Discovery

Bus Discovery

Marketing Manager – Bus Discovery

Link Absolute
google logo

Untuk lead tarik customer dari berbagai wilayah cukup baik, respon cepat jika ada kendala, dan pelayanan oke...

JAPO

JAPO

Marketing Manager – JAPO

Link Absolute
google logo

Terima kasih tim Whello untuk development website yang sesuai harapan kami di awal. Whello selalu solutif saat meeting jadi kami bisa mendapatkan insight baru tentang digital marketing

PKT Group

PKT Group

Marketing Manager – PKT Group

Link Absolute
google logo

Pengalaman yang menyenangkan berkolaborasi dengan Whello. Hasil websitenya sangat oke dan tidak mengecewakan. Sukses terus!

Cangkang Sawit

Cangkang Sawit

Marketing Manager – Cangkang Sawit

Link Absolute
google logo

Thank you Whello for increasing our sales through digital marketing. You guys are truly remarkable

Yoybuy

Yoybuy

Marketing Manager – Yoybuy

Link Absolute
google logo

Pluginnya selalu update lebih baik, loading cepat/ringan, bisa hubungi cs fast respon. Terima kasih Whello

Akarsa

Akarsa

Marketing Manager – Akarsa

Link Absolute
google logo

Kami sudah mengaplikasikan whatsapp rotator dari whello pada Website utama kami. Alhamdulillah produknya sesuai dengan kebutuhan tim admin marketing kami yg berjumlah 3 orang, sangat fleksibel hasilnya memuaskan. Thank you Whello

Bus Discovery

Bus Discovery

Marketing Manager – Bus Discovery

Link Absolute
google logo

"Whello telah mengubah cara kami mengelola bisnis. Dengan fitur yang efektif dan mudah digunakan, kami bisa melacak setiap prospek yang masuk dengan cepat dan akurat. Hasilnya, tim marketing kami menjadi lebih fokus dan produktif dalam progress mengetahui customer behaviour kami , sehingga peluang konversi penjualan pun meningkat pesat. Whello sangat membantu dan menjadi aset berharga untuk pertumbuhan bisnis kami!"

Groovy EO

Groovy EO

Marketing Manager – Groovy EO

Link Absolute
google logo

Alhamdulillah pakai Whelo jadi tahu real chat whatsapp yang masuk, dan di report bisa tahu hubungan tiap channel, jadi bisa mapping attribution modelnya sama jadi tahu channel mana yang lebih di utamakan buat di optimasi.

Widarin Vacation

Widarin Vacation

Marketing Manager – Widarin Vacation

Link Absolute
google logo

Kami rutin menggunakan google ads untuk mencari leads, audiens lebih banyak pakai WA dan ga suka isi form. dulu sebelum pakai whello, cuma bisa track klik WA aja. sekarang, data real chat leads masuk di dashboard iklan dan di tim CS bisa match. campaign juga lebih dalam bisa dioptimasinya.

Associe

Associe

Marketing Manager – Associe

Link Absolute
google logo

Kami pakai tools WA Tracking dari Whello hanya untuk tahu berapa orang yang benar-benar jadi lead dari tombol WhatsApp di website. Dan tools ini bisa solve problem kami. Tim Whello juga upgrade fiturnya sampai bisa tracking ROI, jadi makin gampang ngukur hasil campaign. Support-nya juga top! Respons cepat di hari kerja, ramah, dan nggak pelit kalo kita ada kebutuhan tambahan ini itu.

Delovery

Delovery

Marketing Manager – Delovery

Link Absolute
google logo

Whello membantu perkembangan bisnis kami selama 12 bulan terakhir, berawal dari problem web kami hilang dari SERP google. Kemudian dalam 3 bulan, problem ini di atasi. semoga Whello makin sukses. GBU.

IDCopy

IDCopy

Marketing Manager – IDCopy

Link Absolute
google logo

Saya suka dengan pelayanannya yang ramah. Pak Argo dapat memberikan konsultasi tentang digital marketing dengan baik dan sangat mudah dimengerti. Saran konkrit yang di berikan bisa langsung di terapkan. Sehingga saya sangat merekomendasikan untuk kalian yang juga ingin sukses di dunia digital! Sukses terus whello!

Indra Kursus Mengemudi

Indra Kursus Mengemudi

Marketing Manager – Indra Kursus Mengemudi

Link Absolute
google logo

Kami menggunakan jasa website development dan SEO. Sangat puas dengan jasa yang diberikan dari awal hingga akhir. Merasa ter-personalisasi dengan kebutuhan kami dan selalu menawarkan respon/tanggapan/solusi yang cepat. SEO kami jd nomor 1 berkat guide dari Whello!

Zerowaste Indonesia

Zerowaste Indonesia

Marketing Manager – Zerowaste Indonesia

Link Absolute
google logo

So glad can found this agency! I love the result from their service branding. Thanks to Whello team to make the design of my business branding become stunning more than I expected. Godspeed!

We Form Health

We Form Health

Marketing Manager – We Form Health

Link Absolute
google logo

I’m extremely glad to know the Whello team! They help my business branding strategy with a great result. They can understand what I want to implement in my brand, and always put extraordinary creativity into every work.

Gevity

Gevity

Marketing Manager – Gevity

Link Absolute
google logo

Kami menggunakan jasa website development dari Whello. Untuk setiap detail yang kami butuhkan dapat dipenuhi oleh tim Whello. Service yang diberikan sangat memuaskan. Koordinasi dilakukan dengan sangat baik hingga pekerjaan pengembangan website dapat diselesaikan sampai tuntas, bahkan melebihi ekspektasi kami. Terima kasih Whello.

Aesia

Aesia

Marketing Manager – Aesia

Link Absolute
google logo

Whello have played both a large and incredibly positive role in the success of our company’s online ventures. Unlike other experiences in the past, their presentation, communication and reliability, in addition to meeting crucial deadlines, has always exceeded our company’s expectations.

Red & White

Red & White

Marketing Manager – Red & White

Link Absolute
google logo

Service nya whello ga usah ditanya sih. The best from any agency I have ever met. Bukan cuma kerjain apa yg kita request tp jg kasih wise advice dan malahan kita yg dapet insight. Happy to work with Whello. Jg saya ga malu utk recommend whello k yg lain.

Salak Education

Salak Education

Marketing Manager – Salak Education

Link Absolute
google logo

One of our Great Partner. Whello. Pelayanan bagus, sabar dan meng-edukasi pelanggan maupun calon pelanggan. Sukses selalu Whello and Team

Bus Discovery

Bus Discovery

Marketing Manager – Bus Discovery

Link Absolute
google logo

Untuk lead tarik customer dari berbagai wilayah cukup baik, respon cepat jika ada kendala, dan pelayanan oke...

JAPO

JAPO

Marketing Manager – JAPO

Link Absolute
google logo

Terima kasih tim Whello untuk development website yang sesuai harapan kami di awal. Whello selalu solutif saat meeting jadi kami bisa mendapatkan insight baru tentang digital marketing

PKT Group

PKT Group

Marketing Manager – PKT Group

Link Absolute
google logo

Pengalaman yang menyenangkan berkolaborasi dengan Whello. Hasil websitenya sangat oke dan tidak mengecewakan. Sukses terus!

Cangkang Sawit

Cangkang Sawit

Marketing Manager – Cangkang Sawit

Link Absolute
google logo

Thank you Whello for increasing our sales through digital marketing. You guys are truly remarkable

Yoybuy

Yoybuy

Marketing Manager – Yoybuy

Link Absolute
google logo

Pluginnya selalu update lebih baik, loading cepat/ringan, bisa hubungi cs fast respon. Terima kasih Whello

Akarsa

Akarsa

Marketing Manager – Akarsa

Link Absolute
google logo

Kami sudah mengaplikasikan whatsapp rotator dari whello pada Website utama kami. Alhamdulillah produknya sesuai dengan kebutuhan tim admin marketing kami yg berjumlah 3 orang, sangat fleksibel hasilnya memuaskan. Thank you Whello

Bus Discovery

Bus Discovery

Marketing Manager – Bus Discovery

Link Absolute
google logo

"Whello telah mengubah cara kami mengelola bisnis. Dengan fitur yang efektif dan mudah digunakan, kami bisa melacak setiap prospek yang masuk dengan cepat dan akurat. Hasilnya, tim marketing kami menjadi lebih fokus dan produktif dalam progress mengetahui customer behaviour kami , sehingga peluang konversi penjualan pun meningkat pesat. Whello sangat membantu dan menjadi aset berharga untuk pertumbuhan bisnis kami!"

Groovy EO

Groovy EO

Marketing Manager – Groovy EO

Link Absolute
google logo

Alhamdulillah pakai Whelo jadi tahu real chat whatsapp yang masuk, dan di report bisa tahu hubungan tiap channel, jadi bisa mapping attribution modelnya sama jadi tahu channel mana yang lebih di utamakan buat di optimasi.

Widarin Vacation

Widarin Vacation

Marketing Manager – Widarin Vacation

Link Absolute
google logo

Kami rutin menggunakan google ads untuk mencari leads, audiens lebih banyak pakai WA dan ga suka isi form. dulu sebelum pakai whello, cuma bisa track klik WA aja. sekarang, data real chat leads masuk di dashboard iklan dan di tim CS bisa match. campaign juga lebih dalam bisa dioptimasinya.

Associe

Associe

Marketing Manager – Associe

Link Absolute
google logo

Kami pakai tools WA Tracking dari Whello hanya untuk tahu berapa orang yang benar-benar jadi lead dari tombol WhatsApp di website. Dan tools ini bisa solve problem kami. Tim Whello juga upgrade fiturnya sampai bisa tracking ROI, jadi makin gampang ngukur hasil campaign. Support-nya juga top! Respons cepat di hari kerja, ramah, dan nggak pelit kalo kita ada kebutuhan tambahan ini itu.

Delovery

Delovery

Marketing Manager – Delovery

Link Absolute