Disclaimer: This is one of the UI/UX Skills Virtual Internship challenge projects which is one of the Merdeka Campus programs from the Ministry of Education and Culture. I’m not bound by a professional contract with Krealogi
Backgrounds
From Indonesian’s experience running craft Micro, Small and Medium Enterprises (MSME) since 2015, Du Anyam really understands the constraints of MSME in order management, production, inventory up to the delivery stage. In line with Du Anyam’s vision to empower communities, promote culture, and improve the welfare of life, especially in Indonesia, Du Anyam created Krealogi as an ecosystem based on Du Anyam’s experience in running a Craft business in Indonesia.
Krealogi offers solutions starting from the community as a forum for networking with other business actors, training to develop the capabilities and skills of MSMEs, as well as user-friendly applications, which are to help record operational activities and make strategic plans.
These are some of the benefits of managing a business with the Krealogi App for now:
- Order and Inventory Recording
- Production planning and allocation
- Cost Recording
However, Krealogi’s current problem is that they don’t have a user-friendly application design for their target users.
Goals
With the results of this research, Krealogi Company wants to completely overhaul its platform with the aim of making it more user friendly which of course:
- Helping Krealogi users to record operational activities
- Strategize and maintain their operational flow
Therefore, this UX Case Study will discuss various features to welcome the Simple CRM feature for the Krealogi application.
Role in The Team
As an UI/UX Designer who collaborate with 2 members team, Nevia Sabriana Sista dan Muhammad Umar Al Fajar. In this team, my responsibility is to:
- Empathize
- Define (How Might We)
- Hi-Fi Design
- Prototype
- User Interview
Design Process
In this case, we choose to use Design Thinking as our Design Process approach. Because this method can easily define users, user needs, and define problems that can be processed into a solution. Starting from looking for the root of the problem to making a solution in the form of a user’s thought flow until finally arriving at the prototype testing stage in accordance with predetermined criteria.
1 — Empathize
At the Empathize stage, there are issues that are raised according to the results of research that has been carried out by our research team. Here are the User Personas that we are the subject of our research:
2 — Define
In this Define stage, we further define and detail the problems our research team found in the Empathize stage. Which is where we initially made Pain Points which contained all the detailed problems that we got from the whole thinking of our team using the FigJam feature on the Figma platform, as like this:
We condense the pain points into How Might We which contains 3 big points that are the highlight of our team, which are as like this:
In the end, based on the results of How Might We, we prefer to focus on one point, namely
Make it easier for sellers and buyer to contact management and orders management
3 — Ideate
Based on the previous Define (How Might We) stage, we compiled some feature ideas or something that can push these points to make it easier for sellers to manage buyer contacts and orders. Until finally, 8 feature ideas were collected that could support the results of our team’s How Might We in the previous stage, and of course we divided them into several groups which can be referred to as Affinity Diagrams which can be seen as shown below:
Which in the end we divided all these ideas into several priority scales (Do it Now, Do Next, Do Last, Later), which can be said as Prioritization Idea as shown below:
In the division of this priority scale, we finally executed the 7 ideas in the DO IT NOW priority first, such as creating a customer contact management feature to creating a store business card as one of the communicative features between the store and its customers.
Crazy 8’s
Crazy 8’s is the main method in Design Sprint. This is a quick sketching exercise that challenges people to sketch eight different ideas in eight minutes. By folding the paper into 8 parts to make a design for each part. The goals at this stage are to push beyond your first idea, often the least innovative, and to come up with multiple solutions to each problem you’ve collected. Here are some Crazy 8’s from our team:
4 — Prototype
The goal at this prototyping stage is to compile the priority solution of the idea into a user process flow in using this application later, and to create a prototype that is used for the next stage, namely Testing. at this stage we divide the process into 3 parts, namely: User Flow, Wireframe, UI Design & Prototype.
User Flows
At this User Flow stage, we create a thought flow for prospective users when using the features that we will be working on. Starting from creating a user flow of several features such as customer contact management to making store business cards according to the previous ideate stage decision. Here are some user flows that are divided into several major functions:
Customer Contact Management
Store Business Card Management
Orders Management
Wireframes
Next, we enter the stage of creating a wireframe. Wireframe is a layout in the Low-Fidelity (Lo-Fi) version, but here we are trying to create a wireframe in the High-Fidelity (Hi-Fi) version. With the following objectives:
- Represents information according to the interface
- Provide an outline of the structure and layout of the interface
- Speed up the process of creating UI Design
Here are some wireframes from several pages that support the simple CRM features in the Krealogi’s application:
UI Design & Prototype
User Interface Design is the process that designers use to create displays in computerized software or devices, with a focus on appearance or style. Or in other words interface design for software that maximizes usability and user experience. After creating a wireframe in the form of Hi-Fi, we began to provide color and visual play which of course corresponds to the wireframe layout that has been created, and of course added some frames that support the User Flow that has been created. The prototype is the final form of the UI Mockup that has added visualizations and flows that match the user flow that has been created. For this UI Design and Prototype, we made it using the Figma platform.
5 — Test
Test is one way to find out whether the user can easily use the application, how efficiently and effectively an application can help the user achieve his goals and whether the user is satisfied with the application used based on the UI Design & Prototype that we have been working on.
Testing Process
Testing is carried out using the In-Depth Interview (IDI) method, in this test I and my team conducted interviews and testing using the Google Meet platform. Respondents are very active in providing input and opinions so that there are several inputs given. Overall, respondents really like the design of the application and the flow of the application is very clear, and respondents know what the Krealogi application has to offer that prioritizes the relationship between sellers and customers. However, we have some very valuable inputs that really help us for further application development.
Feedbacks
These are some inputs and feedback given by respondents:
- Added some labels for the contact details section
- Added several labels to complete business card data
Iteration Design
These are some of the frames that have become the material for improvement for several frames that are in accordance with the input of user research at the time of the interview, the results of which will be as likes this:
Conclusion
The solutions we offer to users are very well received by users, starting from the flow to the appearance of the Krealogi’s application, which is very liked by users. However, there are some feedbacks from users that really help us in developing this application in the future.
For The Next Development
The next recommendation is that feedback that has been given by respondents may be included in the development of the next Krealogi’s application, along with the results of interviews with users, they need for MSME development that does not only manage MSME’s that are materials, preferably there are MSMEs that manage services as well.
Closing
Finally, I am with Nevia Sabriana Sista and Muhammad Umar Al Fajar, we would like to thank the readers of this UX Case Study — Krealogi’s Application, with a brief given by skilvul in the Skilvul Virtual Internship Program. And we apologize if there are shortcomings in this article.
Follow me at my Ig:thmrin_hutajulu or My LinkedIn