Portfolio of Farhan Rizkyafandi as UI/UX Designer

1. FARHAN
RIZKYAFANDI
UI/UX Designer

2. Biodata
Name : Farhan Rizkyafandi
Date of Birth : Yogyakarta, 3 September 2000
Address : Jl. Bumijo Tengah 21, Yogyakarta, Indonesia
E-mail : farhanrizkyafandi@gmail.com
Phone : (+62) 81249417220
Education : Bachelor Program of Information Engineering, Universitas Gadjah Mada
Experience : UI/UX Designer Internship at PT. Pilar Infocom Nusantara (2021)

3. Specialization
UI Design UX Design
Wireframing Prototyping
Graphic
Design

4. Tools
• Figma (Primary)
• Adobe XD
• InVision Studio
• Marvelapp
• CorelDRAW
• Adobe Illustrator

5. My Best Creation
(Latest to Oldest)
1. Flashlive
2. HIKES
3. Jasindo Agent App

6. FLASHLIVE

7. Flashlive
Flashlive is a mobile platform that provides live streaming
services for concerts. Flashlive aims to provide a forum for
Event Organizers to be able to carry out entertainment
activities online. Flashlive also a place for concert lovers to
watch live without having to come and jostle at the venue.
I work as project manager and UI/UX Designer in this
project. Flashlive was made for my college assignment. My
team consist of 5 member.

8. Product Research
I do product research using Google Forms to obtain data from potential
users.
• Are you like music?
• Are you like to watch live concert in it’s place or online?
• Are you have idol that you want to watch their concert?
• What do you think about concert livestreaming app with optional VR?
• What features do you expect from this app?

9. Product Research (cont’d)

10. Product Research (cont’d)
What they want from our app(in Indonesia)?
Live react (love, like dsb)
Interaksi antara penyanyi dan penggemar real-time
Fitur 360° camera. Jadi kita bisa bener-bener merasakan ada disana
Visual dan audio yg bagus
Live chat
Fitur sapa performer dan kesempatan untuk ngobrol langsung dengan
performer.
Bisa didownload tapi dengan watermark
Virtual Reality
3D sound surrounded
akun premium family share
suaranyaa harus bisaa diatur sendiri sih harusnyaa, mau 3d atau biasa aja,
ambience, spacial, karena preferennsi org kan macem2 yakk. masalah video
kayanya kaloo 4k akan sangat baik. atau 2k dah cukup paling jg orang2
nontonnya 1080
Personal cameraman untuk masing2 member jika konser adl konser group

11. User Persona
Name : Agnes
Age : 21 tahun
Occupation: College Student
Scenario :
Agnes is a big fan of Blackpink. She really wants to watch Blackpink's
various concerts that are not broadcast on Indonesian television and meet
Lisa Blackpink. However, she was also unable to go to South Korea due to
financial constraints. Agnes also had a dream to be able to talk to big
Blackpink fans from all over the world when the concert be held.

12. Customer Journey Map
AWARENESS INTEREST DOWNLOAD PURCHASE ADDICTION
User tidak bisa
menonton konser
idolanya
01
User mencari platfom yang
menyediakan pengalaman
menonton konser live seperti
di tempat konser berlangsung
02
User mengunduh
aplikasi Flashlive dan
menggunakannya
03
User membeli tiket
untuk menonton
konser idolanya
04
User merasa puas dan
tertarik untuk membeli
tiket lebih banyak lagi
05

13. Key
Features
• Virtual Reality
• 5 Minutes Watch for Free
• Add Reaction
• Live Chat
• Meet and Greet

14. Sitemap

15. Wireframe

16. Prototype
See my full prototype by clicking this
link
(Made using Figma)

17. Promotional Video
See our promotional video if you like this app!
https://www.youtube.com/watch?v=Vs9vFwYj8EQ

18. HIKES

19. HIKES
HIKES is a web sale of various climbing equipment
products. This website makes it easier for mountaineers to
get adequate and high quality equipment at the right price.
Unlike Flashlive, I only work as a UI Designer on this
project.

20. HIKES Features
Search
Sort
Filter
Cart
History
Dashboard (administrator only)

21. User Persona
Name : Joko
Age : 26 tahun
Occupation: Employee
Scenario :
Joko likes climbing mountains when he has free time. Usually, he hikes on
Saturdays or Sundays when his office is off. The equipment he had was
broken, so he needed to buy a new one. However, he doesn't have time to
look for hiking equipment in the shop because he works 5 days in a week.

22. Use Case Diagram

23. User Flow
Diagram

24. Wireframe
Note : For original file, switch to wireframe page in prototype link

25. Prototype
See my full prototype by clicking this
link
(Made using Figma)

26. JASINDO AGENT
APP

27. Jasindo Agent App
Jasindo is one of the private insurance companies in
Indonesia. This app is used to train new agents due to the
pandemic situation which made it impossible to train
agents directly.
I got this project when I was a UI/UX Designer at PT. Pilar
Infocom Nusantara. My job is to create UI design based on
product design that have been created by Product
Designer.

28. Early Product Design
This is one of the product design pages that was given to
me. Due to confidentiality reasons, I cannot give link to it’s
full design.

29. Key
Features
List of Prospect / Leads
Calling
Notification
Appointment Calendar
Messages
Activation Dashboard
Performances

30. User Persona
Name : Haris
Age : 19 tahun
Occupation: Unemployment
Scenario :
Haris wants to working as an agent in insurance company. However, this
pandemic prevented him from registering and participating in the selection
directly. In addition, if he is accepted to work, he also has no experience in
the insurance sector.

31. Agent Journey
ASSESSMENT & CERTIFICATION
RECRUITMENT
Recruitment
andBusiness
Opportunity
Presentation
Registration
Online
Recruitment
Online
(Invitation, Interview,
Presentation (Video,
Material), Registration
Training + Assessment Online
Structured Selling Process , New
Business & Operation, Digital Tools
New Agent Activation
Online
(Trainers, Leaders & External
Speakers)
Activity Management, Sharing &
Discussion. Daily basis short
training
Training + Assessment
Online
(Co Profile, What is Gen Ins, GI
Products, ABC, KYC) to prepare
agent to pass the AAUI /AASI
exam
THE FIRST 90 DAYS LEARNING JOURNEY
AgentFirst Training
and
Assessment
AAUI/AASI
Registration
& Assessment
90 DAYS WEEKLY HUDDLES
& ACTIVITY MANAGEMENT
AgentFirst Selling
Training and
Assessment
Training + Assessment
Online with Direct Leader/
Trainer
(Selling Process, Product
Champion and How to sell it,
Role Play)
Core Agent
NewAgentLearningPath
JourneyandAssessment
NewAgentLearningPath
JourneyandAssessment
Year1 AgentJourney

32. Sitemap
Beranda
Recruitment Onboarding
Agent First
Training
Certification
The First 90 Days
Learning
90 Days Weekly
Huddles & Activity
Management
Training Skill
Development
Agent Training
Roadmap
Leader Training
Roadmap
Opportunity
History
Company
Prospects
My Prospects Appointment
Schedule
Order Policy Status
Notifikasi Profil

33. Wireframe

34. Prototype
See my full prototype by clicking this
link
(Made using Figma)

35. “DESIGN
YOUR APP,
DESIGN YOUR
WORLD”