UX Case Study | Kitabisa Redesign Challenge-Improve Berita Page

bimasan
5 min readSep 28, 2022

--

Introduction

Hello my friend, i’m back with new article what i’ve write, i’m Bima Sakti, on this opportunity i was given time for join Bootcamp UI/UX Design Mastery that held by skilvul, when learn design every student given a challenge to Design User interface and user experience. Each student chooses a suitable challenge partner and i choose kitabisa as my partner challenge

Disclaimer
This project a part Bootcamp program held by Ministry of Communication and Informatics with skilvul, This project was created only for learn purpose based on the analysis that we made and doesn’t directly represent the Kitabisa company.

What will be discussed?

  • What Crowdfunding App ?
  • Role in the team
  • Tools
  • Design Process
  • Conclusion

What Crowdfunding ?✔

Based on article from https://sikapiuangmu.ojk.go.id/FrontEnd/CMS/Article/20569

Crowdfunding itself is a funding technique for projects or business units that involve the community at large

if we see crowdfunding has 4 types as shown below, and Kitabisa part of Donation based number 1.

Role in the team ✔

This Project consists of 4 people with following roles:

Ade Sumoko As UI UX Designer
Bima Sakti Nugeraha As UI UX Designer
Genta Fatuh As UI UX Designer
Siti Lena As UI UX Designer

Tools ✔

While working on this project we use several tools including, Figma, Google Docs, Google Spreadsheet and Google Meet.

Design Process ✔

When we read briefing from kitabisa team, we must to improve few page and we shall doing Design Thinking to optimaze usability and interface design.
Design Thinking have 5 part to present optimaze usability and interface and this article will explain what must we do.

1.Empathize
Empathize Stage is used to find out user needs by doing research

Secondary Research👻

Our team also conduct secondary research is is obtained from the findings of articles or research such as : article on internet, record AMA sesion Skilvul, Medium, Feedback at Playstore. below is the results of the research that has been done

2. Define
Define stage will show problem from user what we usually cal “Pain Point” and after we know the problem we create “How Might We” as opportunity to fix problem
Below will show Pain Point From user

after we know pain point from user we create How Might We and then as team we voting what good problem to fix, when we see picture below there are 2 opinions with many voters.

3. Ideate
Ideate Stage will show brainstroming from How Might We and make Solution Idea, Affinity Diagram and Prioritization Idea and then create hard wireframe like Crazy-8's.

Solution Idea👻
After we vote “How Might We” we create Solution Idea. for this project we focus on “Notifikasi penarikan dana agar lebih detail dengan menampilkan bukti bayar” and we make solution from title of the solution created like picture below.

Affinity Diagram👻
After we create Solution Idea we problem grouping as we call Affinity Diagram, and below is picture Grouping problem.

Prioritization Idea👻
Prioritization Idea is choose problem based on priority to be made and below is picture Prioritization Idea

4. Prototyping
Prototyping stage will create design to be made based on Empathize, Define and Ideate

Low Fidelity👻
Low Fidelity is a design whose precision level is still low. below is design low fidelity from this project.

Design System👻
We want every part design can consistent, that’s why we need to create Design System. and below is our Design System to make User Interface Kitabisa.

High Fidelity👻
High Fidelity is a design with a high level of precision. Already have the color, size, distance and shape of the elements have also been made with a level of precision and accuracy of detail. below is design High fidelity from this project.

Live Aplication👻
Enjoy live Application…

5. Testing
This stage we interview user to try the application design that we have made. we will share document stimulus research and Record Data User Research used for this research.

Stimulus Research👻
https://docs.google.com/document/d/1r0eTSHYSojlw9X67mnwExVY2qfYBgXs2XKAhYSd-hSg/edit?usp=sharing

Record Data User Research👻
https://docs.google.com/spreadsheets/d/1qgywCV8HJvVHqu-9ETi_iZmWxwl3GYK8TVGwVaw0yTE/edit?usp=sharing

and below video interview user.

Conclusion✔

That is our solution to answer the design challenge. we know what we’ve made need improve for any angle, Overall for me this was great experience work a real case with team. i hope case study can useful for everyone as learning or Kitabisa team as suggestion.

Connect with Me

When you read this, it means you have finished this article 😁
Thank you once more for reading my UX case study, let’s connect and share thoughts about UI/UX stuff with click link below!
https://linktr.ee/bimasaktin
https://linktr.ee/bimasaktin
https://linktr.ee/bimasaktin

bimanugeraha94@gmail.com
Thank you.

--

--

bimasan
0 Followers

desain with love, empathy and communication