Muhammad Hafiz Hisbullah

RW PINTAR

Me as:
Product Designer & Frontend Developer

Introduction

RWPINTAR is a database website for storing data and letters belonging to residents of Batu Ceper, Central Jakarta, not only that, this website also has several features including RW complaint services, discussion forums, and also blogs for traders there. This is a Human Computer Interaction course assignment that my team of 3 people (including myself) made in third smester (2020). This project helped me to deepen my UX and Visual Design skills.

Background

Humans are social creatures, because almost every day humans interact with other humans. These interactions lead to a tendency to make communication media directly or through communication tools. Seeing this, humans are increasingly skilled at creating a communication tool such as a gadget with the aim of facilitating communication between humans. Gadgets are communication tools that have many functions and different features. Gadgets themselves have become a necessity in communication in the 21st century. In addition to being a communication tool between humans, gadgets are also often used in information storage media such as photos, videos, files and others.

I along with a team of 3 people (including myself) searched for what problems were around our neighborhood, starting from interviewing local residents, filtering data, and analyzing what solutions could be used to solve this problem, and finally an idea was created, namely RWPINTAR. My team consists of 3 people, 1 person as team leader, 1 more as engineer and I play the role of designing product, UX and UI strategies in the team. Some of what I did when I was at NOMADS are as follows:

User Interview

Before we executed the idea, we conducted interviews with several residents of Batu Ceper. This interview was conducted so that we can ensure that what we feel is supported by the existing facts, this is explained by the residents of Batu Ceper themselves.

Persona

Based on the interviews we did, we chose 2 people who represented the residents of Batu Ceper, namely youth and active residents. We were lucky to get samples from our closest friends and neighborhood.

User Flow

Next we create a user flow to make it easier for us when we will create a visual design, user flow is very helpful in terms of designing in the early stages of development, the flow from beginning to end is described there, it can contain user and admin activities.

Mockup

From user flow that we have, mockup should follow the requirements from users needed because the goals of this project is we build something what Batu Ceper's citizen need. With the existing concept, as well as some references that I took from various sources, we are finally at the design visualization stage, this design is responsive on various devices, so it can be opened anywhere and anytime.

Prototype & Testing

Making prototype schemes that have been made so that users can understand and interact directly with the website, we aim at this at the same time to get feedback from users. The prototype also helps us to present the mockup to the engineer. After getting enough feedback, we can find out where the location needs to be improved and reprocessed, then we go back to testing the user, and so on until we get the best results.

Result and Takeaways

During the UX process, I collaborated with many parties, including the engineer team, Ridho, and also the team leader who I could ask if I needed anything from this project, I am happy to be collaborating with local residents and I hope this project can help with problems which exists. Thank You! Xixixi..

Hi, i’m
Muhammad Hafiz HIsbullah 👋

Product Design || Frontend Developer

Let's Connect!