UI/UX Case Study: Redesign and Add New Cash Flow Feature for Krealogi
Disclaimer : This project is part of the Skilvul Virtual Internship program as a Challenge. We do not work under a professional contract by Skilvul.
Background
Krealogi is a supply chain management application developed by PT Karya Du Anyam based on their experience running a craft business in Indonesia. Krealogi is an ecosystem in the form of an application that focuses on helping various fields of MSMEs to increase their business capacity more effectively and efficiently. In order to achieve their goals, Krealogi already provides several features such as Production Planning and Monitoring, Sales Recording, Expense Report, dan Inventory Management.
Through Skilvul Virtual Internship Program, me and my team are given the opportunity to make a design solution for this new initiatives called Cash Flow Feature.
GOALS
The goals of this application are to help and accelerate their business capacity more effectively and efficiently.
Team
In next section below is who behind Redesign Krealogi App Project ⤵️
adi satrio— Team Leader UI UX Designer
Sasa — UI UX Designer
Raka — UI UX Designer
Silviyani Salsabilla — UI UX Designer
My Role
As I mentioned earlier, I work on this case study with a team of 4 people which is me, sasa, raka and silviyani. But In creating this design solution i have responsibilities as a UI Designer and UX Researcher, such as:
- Do and Apllied Design Thingking process
- Doing User Research
- Creating User Flow and Wireframes
- Creating User Interface design and Prototyping
- Apllied UT and Iterate
Design Process
During the design process, we chose to apply Design Thinking as our design process approach due to the requirements for project success, which as follows:
1 — Empathize
In this phase, we conduct research to develop knowledge about what the users do, say, think and feel. we cant maintain our ego as ui ux designer to create this project. Because this project based on what users do and what users say.
Research Objective
After discussing some potential problems, we start to conduct survey and arrange the in-depth interview with the following target users’ criteria:
- SMEs entrepreneur
- Age range between 18–30 years old
- Domicile throughout Indonesia
- Able to give honest feedback
- Understand about UI UX Principles
- Bachelor Degree in Information Technology or equivalent.
From the interview, there are several essential inferences that will be used as the basis to identify users’ pain points at the Define stage. You can see Interview with users, we got some feedback after Usability Testing, including the following down below ⤵️
Competitive Analysis
We do Competitive Analysis based on equivalent of this product in the market 📝
- Dana
- Bukukas
- OVO
- Shopee
- Gojek
- GRAB
2 — Define
After doing the research and observing all the user problems, we define the problem of the user by putting our point of view as users, namely in the following points:
Problem Statement
Krealogi is an ecosystem in the form of an application that focuses on helping various fields of MSMEs to increase their business capacity more effectively and efficiently. Unfortunately Users difficult to maintain and Monitoring financial performance & transactions business.
User Persona
Based on data from a survey we conducted, we took 1 data, Ary is a student of Telkom University in Bandung, Indonesia.
How Might We(S)?
- How we make users easier to see income and expenses?
- How we make Financial section layouts?
- How we make user more effectively and efficiently of income and expenses?
We use a voting process to determine which ‘how might we’ choices we will focus on. The process resulted in the option ‘ minimize human-error in recording cashflow and performance’ as the selected one.
3 — Ideate
Based on the determined ‘how-might-we’, we then had a discussion regarding each person’s idea of a solution and prioritize the solution based on user value and effort. which solution is the top priority, we started brainstorming and turning our ideas into Userflow and then create wireframes/sketches using crazy 8’s.
Userflow
Wireframe
In this section i just show several frames of Cashflow Feature down below ⤵️
Moodboard’s
Before i create the Hifi, ive been create moodboards containing a inspiration of this design going
Design System
The design system is a collection of components that are used repeatedly in order to maintain quality standards and design consistency as we have discussed previously. So i show u down below ⤵️
Layout
Design System Intro
Design System Atom
Design System Molekul
HIFI Design
In this section i just show several frames of Cashflow Feature down below ⤵️
4 — Prototyping
The next step is to build a prototype to understand which components of our idea worked and which didn’t.
5 — Testing
Testing Plan
You can see my Stimulus Research down below or klik here!
Iterate
And then when we have feedback, so we can do Iterate now🧠
- Activate filter button in Transaction Section
2. Add “Hutang” Button on Transaction Section
Result and Learning outcome
What we present above is part of the Project at Skilvul UI UX Design Mastery. We received a lot of feedback when we showcased it, including Values Product, etc. This decision was taken because we took feedback from the POV of potential users that we received.
As i say before I make this product based on team meeting and what users do and what users say. And thanks to my team and my mentors to help amazing this project happen.
Future Possible Steps
Based on feedback what we get, i think we can add more branding about this app to the global market. Because many people dont know how good this product just have.
I Always waitin for ur Feedbacks or just chit chat about UI UX Design. So, you can contact me at askadisatrio@gmail.com or You can click here! for connect me on LinkedIn. Gracias!🥳
