Pada bulan September, dua UI/UX Designer GITS.ID, melakukan live streaming terkait cara membuat portfolio bagi designer aplikasi/website. Ikuti kami di kanal berikut, agar tidak ketinggalan acara seru selanjutnya: Instagram: @gitsindonesia LinkedIn: GITS Indonesia Website: gits.id -- Tentang GITS.ID GITS.ID memberikan solusi IT bagi perusahaan-perusahaan. Contoh aplikasinya dapat dilihat di gits.id/insight

1. Hello! Kenalin aku ...
designgits
Kenalin AkuHOW TO BUILD : A UI/UX PORTOFOLIO THAT STAND OUT
Rizqi Nino Firmansyah
UI & Interactional Designer at GITS Indonesia
2+ years Experience in IT Industry
Responsible for Interaction Design
@rizqininow.mp3
WA : 0857-0374-34xx

2. designgits
Oke lanjut, jadi gini ...

3. designgits
Oke lanjut, jadi gini ...
Kenapa kalian ada disini?

4. designgits
Gimana cara mempresentasikan
project-project UI/UX saya
dalam bentuk portfolio?
Apa saja yang perlu
dimasukkan dalam
portfolio?

5. designgits
How to Build
An UI/UX Portofolio
That Stand Out
With the Formula
By Nino
Webinar

6. designgits
Jadi apa itu Portfolio?

7. Apa itu Portfolio?
Portfolio itu ...
Kumpulan dari Studi Kasus yang menunjukan proses kita dalam
memecahkan masalah
PortfolioHOW TO BUILD : A UI/UX PORTOFOLIO THAT STAND OUT
designgits
Source ada di behance : gitsdesign

8. designgits
Kebayang ya? Portfolio itu
seperti apa?

9. designgits
kalo belum kebayang bisa cek ke gitsdesign di behance, kalo masih
belom kebayang lagi kita juga cerita di ig kita @gitsdesign, nah buat
yang penasaran sama gits bisa cek aja di www.gits.id atau @gits.id
behance.net/gitsdsgn
ig : @gitsdesign/@gits.id
www.gits.id

10. designgits
Jadi gimana bikin
Portfolio-nya?

11. designgits
Jadi, pertama tama
Kenali dirimu sendiri dan kurang
kurangin makan odading mang oleh.
maksudnya gini.. >>>
Cara Bikin PortfolioHOW TO BUILD : A UI/UX PORTOFOLIO THAT STAND OUT

12. designgits
Kenali dirimu
Mulai dari keahlianmu,
apakah lebih condong di
UI & Visual Design?
atau mungkin keahlianmu
lebih condong di
UX concept & Research?
keduanya?atau mungkin
Cara Bikin PortfolioHOW TO BUILD : A UI/UX PORTOFOLIO THAT STAND OUT

13. designgits
Atau Kiara Condong?
Oke Skip.

14. designgits
Small Excercise :
Siapkan kertas agak gede
atau buku dan apapun
untuk menulis.
Cara Kenali DirimuHOW TO BUILD : A UI/UX PORTOFOLIO THAT STAND OUT

15. designgits
Udah siap?
Cara Kenali DirimuHOW TO BUILD : A UI/UX PORTOFOLIO THAT STAND OUT

16. 1. Kamu lebih condong kemana sih?
Cara Kenali DirimuHOW TO BUILD : A UI/UX PORTOFOLIO THAT STAND OUT
designgits
Yuay Disainer
UI & Visual Design
Kurang luwes di research
Yuex Antusias
UX Concept & Reseach
Kurang luwes di visual
Yuayuex Banget
UX Concept & Reseach
dan UI & Visual Design
atau

17. designgits
Yuk coba pilih di sini :
*gak pake spasi ya..
Code : 88 90 44 7
www.menti.com

18. designgits
Kalo udah, coba bikin
format seperti ini yuk
dikertas kamu
Cara Kenali DirimuHOW TO BUILD : A UI/UX PORTOFOLIO THAT STAND OUT

19. 2. Bikin profilmu sejelas mungkin
Cara Kenali DirimuHOW TO BUILD : A UI/UX PORTOFOLIO THAT STAND OUT
designgits
Hal Unik apa yang bikin kamu standout?
Skill apa yang bisa kamu tonjolin?
Contoh : Design system, animasi,
illustrasi
Kenapa kamu pengen jadi role itu?
Sebutin aja motivasi kamu kenapa pengen jadi role itu.
Contoh :
create a delightful and intuitive
user interaction to help users
and business achieve their
goals.
Profil Diriku
Ini Kertasmu
Kategori Profil
UI DesignerContoh :
Role yang kamu pengen
Interaction DesignerContoh :

20. designgits
udah ya?
nah sekarang lanjutin dibawahnya
dengan bikin seperti ini
Cara Kenali DirimuHOW TO BUILD : A UI/UX PORTOFOLIO THAT STAND OUT

21. designgits
Cara Kenali DirimuHOW TO BUILD : A UI/UX PORTOFOLIO THAT STAND OUT
Profil Diriku
Ini masih Kertasmu yang tadi
Halo! Nama saya _ _ _ _ _ _ _, saya adalah seorang _ _ _ _ _ _
keahlian dan fokus saya adalah _ _ _ _ _ _ _ Visi saya adalah
_ _ _ _ _ _ _

22. designgits
Cara Kenali DirimuHOW TO BUILD : A UI/UX PORTOFOLIO THAT STAND OUT
My Profil
Ini masih Kertasmu yang tadi
Hi! My name is _ _ _ _ _ _ _, I am a _ _ _ _ _ _ with a strong
focus in _ _ _ _ _ _ _ My vision is to _ _ _ _ _ _ _

23. designgits
Cara Kenali DirimuHOW TO BUILD : A UI/UX PORTOFOLIO THAT STAND OUT
Profil Diriku
Ini masih Kertasmu yang tadi
Halo! Nama saya Ade Londok, saya adalah seorang Interactional
Designer. keahlian dan fokus saya adalah Animasi dan Ilustrasi. Visi
saya adalah menciptakan user interactional yang tak hanya intuitif
tapi juga menyenangkan, agar memudahkan user dan bisnis
dalam mencapai tujuan mereka.

24. designgits
Cara Kenali DirimuHOW TO BUILD : A UI/UX PORTOFOLIO THAT STAND OUT
Profil Diriku
Ini masih Kertasmu yang tadi
Hi! My name is Ade Londok! I am a Interactional Designer. with a
strong focus in animation and illustration. My vision is to create a
delightful and intuitive user interaction to help users and
business achieve their goals.

25. designgits

26. 3. Nilai dirimu berdasarkan kebutuhan di job market.
Cara Kenali DirimuHOW TO BUILD : A UI/UX PORTOFOLIO THAT STAND OUT
designgits
Love to empathise and have the curiosity in researching
and digging deep to solve user’s problem
Having working knowledge of UX Research and able to
know how research can be used to analyze and gain
better understanding of user problem
Strong understanding of design and usability principle
(Visual hierarchy, information hierarchy, colour, spacing,
size, typography)
Good problem solving ability : able to critically analyze a
problem from multiple perspective. and generates ideas
into workable design solution
ExpertIntermediateBeginnerNon-
Experience

27. Hal yang perlu diperhatiin pas lagi bikin portfolio :
Cara Kenali DirimuHOW TO BUILD : A UI/UX PORTOFOLIO THAT STAND OUT
designgits
Tonjolkan bakatmu (UI, UX atau Research, dll)
Kalo kamu kurang bisa research, latih insting kepomu!
Kalo kamu kurang bisa UI, belajar konsep visual design!
Kamu bisa mulai pake metode seperti Competitor Benchmarking atau Review Aplikasi Playstore misalnya.
Atau pelajari metode research lainnya kayak Usability test, dimana kamu bisa evaluasi aplikasi yang udah ada.
Kamu bisa fokus di konsep user flow sama low-fidelity prototype. Kamu bisa minta tolong temen juga yang
punya keahlian desain visual buat bikin high-fidelity prototype atau pake komponen gratis UI Kit yang bisa
didownload gratisan.

28. designgits
Okey,
untuk Small Excercisenya
bisa dilanjutkan nanti ya..

29. designgits
Terus kalo udah itu ngapain?

30. designgits
Tarik nafas yang dalam dulu,
hembuskan perlahan
lakukan 3x ya..

31. designgits
Kalo udah,
Persiapkan diri anda untuk
tahap berikutnya nih...

32. designgits
Nah, yang kedua
Formula Bikin Portfolio bukan Formula
resep rahasia bikin kreby petty, ataupun
sin cos tangen integral dan limit
maksudnya gini.. >>>
Cara Bikin PortfolioHOW TO BUILD : A UI/UX PORTOFOLIO THAT STAND OUT

33. designgits
Formula Bikin Portfolio
Best practices apa aja yang
perlu kita perhatiin pas bikin
portfolio biar dilirik perusahaan.
Cara Kenali DirimuHOW TO BUILD : A UI/UX PORTOFOLIO THAT STAND OUT

34. designgits
GITS.SSD
Formula Bikin Portfolio
*Formula Bikin Portfolio ala @rizqininow.mp3

35. GITS.SSD
Formula bikin PortfolioHOW TO BUILD : A UI/UX PORTOFOLIO THAT STAND OUT
designgits
et t smar & impleG I T S
olving ProblemS
torytellingS
eliverablesD

36. designgits
Udah siap?
Formula bikin PortfolioHOW TO BUILD : A UI/UX PORTOFOLIO THAT STAND OUT

37. designgits
GITS.SSD
Formula bikin PortfolioHOW TO BUILD : A UI/UX PORTOFOLIO THAT STAND OUT
#1 Get it smart & simple

38. Formula bikin PortfolioHOW TO BUILD : A UI/UX PORTOFOLIO THAT STAND OUT
designgits
#1 Get it smart and simple
Gak perlu ceritain semua proses
yang kamu lakuin. Cukup fokus
sama highlight yang penting.

39. Formula bikin PortfolioHOW TO BUILD : A UI/UX PORTOFOLIO THAT STAND OUT
designgits
#1 Get it smart and simple
Smart & Simple Portfolio itu ...
Kita bisa nyeimbangin yang kita tampilkan dan yang kita ceritain
dengan cara :
1. Pilih karya terbaikmu
Pilih beberapa karya
terbaikmu aja, gak usah
semuanya ditampilin.
Lebih tunjukin skill yang
kamu bisa (misal : lebih ke UI
Design). salah satunya aja.
Recruiter itu biasanya cuman
liat portfoliomu secara garis
besar.
2. Tonjolin kelebihanmu 3. Portfolio bukan Naskah

40. designgits
GITS.SSD
Formula bikin PortfolioHOW TO BUILD : A UI/UX PORTOFOLIO THAT STAND OUT
#2 Solving Problem

41. Formula bikin PortfolioHOW TO BUILD : A UI/UX PORTOFOLIO THAT STAND OUT
designgits
#2 Solving Problem
Portfolio = Studi Kasus
Studi Kasus = Design Proses
Design Proses = Solving Problem

42. Formula bikin PortfolioHOW TO BUILD : A UI/UX PORTOFOLIO THAT STAND OUT
designgits
#2 Solving Problem
Kualitas yang diperluin sama designer sebenernya ...
Good Design = Good Business
Bukan sekedar bikin semenarik mungkin visualnya. Tapi, ketika kita
dapat menjelaskan setiap proses dalam memecahkan suatu masalah.
Kita harus fokus untuk memahami masalah dan melalui design kita
memberikan solusi untuk memudahkan pengguna saat
menggunakan suatu produk.

43. Formula bikin PortfolioHOW TO BUILD : A UI/UX PORTOFOLIO THAT STAND OUT
designgits
#2 Solving Problem
Metodologi untuk solving problem bisa pake Design Thinking

44. designgits
GITS.SSD
Formula bikin PortfolioHOW TO BUILD : A UI/UX PORTOFOLIO THAT STAND OUT
#3 Storytelling

45. Formula bikin PortfolioHOW TO BUILD : A UI/UX PORTOFOLIO THAT STAND OUT
designgits
#3 Storytelling
Terapkan metode storytelling dalam
portfoliomu. Dapat membuatmu jadi
kandidat yang jauh lebih berkesan
buat recruiter.

46. Formula bikin PortfolioHOW TO BUILD : A UI/UX PORTOFOLIO THAT STAND OUT
designgits
#3 Storytelling
Struktur storytelling di portfolio :
Pembukaan
- Judul
- Overview
- Problem Statement
- Users & Audience
- Roles & Responsibilities
- Scope & Consraints
- Tools
- Understand Problem
- Problem Definition
- Ideate Solution
- Prototype
- Test
- Outcome
- Evaluation
Penjelasan Proses Penutup

47. designgits
GITS.SSD
Formula bikin PortfolioHOW TO BUILD : A UI/UX PORTOFOLIO THAT STAND OUT
#4 Deliverables

48. Formula bikin PortfolioHOW TO BUILD : A UI/UX PORTOFOLIO THAT STAND OUT
designgits
#4 Deliverables
Deliverables ini berupa dokumen
yang berfungsi untuk
memperlihatkan proses yang
dilalui saat pembuatan portfolio.

49. Formula bikin PortfolioHOW TO BUILD : A UI/UX PORTOFOLIO THAT STAND OUT
designgits
#4 Deliverables
Deliverables ini bisa berupa :
Affinity Mapping Sitemap Wireframe

50. designgits
GITS.SSD
Formula Bikin Portfolio
*Formula Bikin Portfolio ala @rizqininow.mp3

51. GITS.SSD
Formula bikin PortfolioHOW TO BUILD : A UI/UX PORTOFOLIO THAT STAND OUT
designgits
et t smar & impleG I T S
olving ProblemS
torytellingS
eliverablesD

52. designgits
To Stand Out ?

53. designgits
To Stand Out :
Creative and be yourself
and never surrender.

54. designgits
Nah, dah dapetkan caranya
tinggal aksi deh...

55. designgits
Masih belum PD?
Nah ada tipsnya buat Mulai

56. designgits
Mulai aja dulu
Pertama :
#Tokosidia

57. designgits
Kedua :
Perfect Failure

58. designgits
Gagal teh gapapa, bukan berarti gagal teh jelek.
Tapi gagal itu necesary dibutuhkan.
- Seseorang yang gak mau disebut tapi bukan Hamba Allah

59. designgits
Ketiga :
Try Again

60. designgits
Keempat :
Stop Crying

61. designgits
Kelima :
Iterate

62. designgits
Rizqi Nino Firmansyah
20 Years Old.
Being motivated costs
you nothing, but can
get you everything.

63. designgits
Thankyou!!
Rizqi Nino Firmansyah
UI & Interactional Designer at GITS Indonesia
@rizqininow.mp3
WA : 0857-0374-3343

64. designgits
Udah gitu aja sih ...
ada pertanyaan?
Jangan banyak banyak ya udah malem hehe

65. designgits