KITABISA REDESIGN “NEWS” PAGE
Disclaimer : This project is part of the UI/UX training program implemented by Skilvul , for Kampus Merdeka program held by Kementerian Pendidikan, Kebudayaan, Riset, dan Teknologi Republik Indonesia. Kitabisa is the Challenge Partner. I am not working for nor contracted professionally by Kitabisa.
Details
Timeline: 1,5 months.
My role: UI/UX Designer, UX Researcher & UX Writer.
Tools: Figma.
My team : Hendra Satria and Sanggit Sukma
Background
Kitabisa is one of the largest crowdfunding platforms in Indonesia. You can use this platform to do fundraising for various purposes. Most of the purpose is for medical needs. However, you can also do fundraising for several categories such as natural disasters, education, environment, social activities, humanitarian and others.
Currently we want to redesign and even revamp or change the “News” section which we can find through the Inbox menu in the menu navigation and then look at the News section next to the Messages section.
This feature is our way of distributing information from campaigns they have donated. Not only that, the information provided can also be related to similar campaigns so that users can re-donate in other campaigns. Our goals are as follows:
- Provides and makes it easier to find information about campaign updates. This will allow donors to be emotionally involved with the campaign that has been donated.
- Encourage donors to re-donate to campaigns that have been helped or other campaigns related to previous campaigns.
Based on the background, we will solve the problem by creating the an application design that can provide donors with the latest information or news about the campaign so that their donation experience is more emotionally engaged and increases retention rates or regular users who use the Kitabisa application product.
The Process
In this case, We chose to use Design Thinking as an approach to our design process. Because with Design Thinking we can understand the mindset and needs of users of products that are created to get the best results.
1. Empathize
Research Brief
The first stage We took is to make Research Brief to know deeper what is the user profile, objective and methodology will be used for this project.
User Profile
- 25–35 years old
- Domiciled throughout Indonesia
- Have the ability to speak Indonesian as a mother tongue
- Able to communicate well
- Have an interest and interest in social issues campaigns
- Have a good understanding of technology
Objective
Provides new features to make it easier to find the latest information regarding the use of funds from campaigns that have been donated.
Encourage donors to re-donate to campaigns that have already been donated or other campaigns related to previous campaigns.
Make donors more emotionally involved with campaigns that have been donated.
Methodology
In-Depth Interview + Usability Testing
Benchmarking
We also wanted to study the existing market and products, so I analyzed 3 competitors including Benihbaik.com, Amalsholeh, ACT Indonesia Dermawan.
2. Define
Pain Points
From the results of the empathize stage that has been obtained, we drew several pain points in this project
How-Might We
After knowing the pain points in this project, we decided how-might we do the following :
Created a new feature to make it easier for donors to find campaign updates
3. Ideate
Solution Idea
After finding user problems and determining how might we, we came up with a solution idea to solve all the problems experienced by challenge partners as follows :
Prioritization Idea
After brainstorming and gathering all possible solutions, we create Priority Ideas to map each solution and determine the level of impact and effort.
Sketch (Crazy’8)
After selecting and determining priority ideas, we made a sketch using the sprint design method (Crazy’8). There are a total of 24 screens in total based on team members.
User Flow
After sketching on the Crazy’8 stage, We made User Flow following the Solution Ideas. There are 3 User Flows, including Update News Campaign, Stories News Update, Donation again from My Donation.
4. Prototype
This prototype is based on Figma. There are 3 Flows in this prototype according to the user flow that has been created at the ideate stage, you can immediately try the prototype below.
*Better use on full screen laptop, or use Figma mirror with iPhone X/11 Pro device.
5. Testing
After designing new features based on user pain points. We tested it on users who had participated in the test using the appropriate task scenarios we provided.
This test also wants to see how users expect our design, and find out if the solution we implemented has addressed all the problems users experienced in testing our prototype. Below are observations and feedback.
a. Liked the new feature (Stories)
b. Beautiful design and easy to use application.
c. Easy-to-understand flow and process for casual users.
Overall, for the test results with the Singe Ease Question (SEQ) method in accordance with the 4 Tasks given, users are satisfied and give a score of 6.25.
Iteration
From the results obtained, there are things that must be added, namely:
Added the feature of entering a pin when payment transactions in the Kitabisa application.
But we have explained to the user that for in-app payments we can go directly to the selected payment application. Therefore the user understands and there is nothing that needs to be added or improved.
Conclusion
Based on our background and research on potential users, in this case we have successfully completed all stages of the design process and I have come up with an easy-to-use design. This can be proven from the results of usability testing. Respondents who have been interviewed gave some very positive responses about the designs that have been made.
