Resident Management App — UX Case Study
By: Grishma Rajput
Tags: UI, Ux Case Study, UI Design, UX Design, Ui Ux Design

This project was given to me as a part of my internship program. From which the designs then later, was given to final year students of computer engineering for their android application project.

The Goal

The goal was to design the interface in such a way that it meets project requirements. This is a resident management application which allows user to create an account which could help them manage their society meetings and events, track their maintenance and helps in finding the domestic help whenever required. Moreover, the application also notifies the user about upcoming events, maintenance and notices if any.

Design Process

The process I follow is very simple and mostly dedicated to minimising the bridge between humans and digital device. I focus on making a feasible and impactful solution. and the process steps are as follows:

The Design Process

1. Analysis

I did the analysis in two parts: Competitive Analysis and Market Analysis.

Competitive Analysis

There are much resident management and security application present in the market place with discrete features. And here also the features are a bit different. This application is specially dedicated to the residents need. In this application, the different functionalities were: The resident can manage the Maintenance payment, The resident can get notified about the upcoming events and meeting in the resident society and also the user can hook a household service from the app itself. The Apps which were similar to this one are: MyGate App, Jiogate App, ADDA GateKeeper and NoBrokerHood App

Competitive Analysis

Market Analysis

After Competitive analysis, I jumped to app reviews straight away. After all, who knows what a user wants more than the user himself. Below are some of the many critical reviews I came across in the Rating and Review section. These are the reviews of the apps which I considered for Competitive analysis.

User Reviews

2. User Flow

Then according to insights obtained from analysis and the required functionalities, I tried to determine the flow of the app, the way the user can navigate in the application. The user flow plays an important role in determining the user journey from scratch.

User Flow

3. Wireframes

In this phase of design, I made wireframes after studying the user flow. It is used by UX Designers to define the hierarchy of items on a screen and communicate what the items on that page should be based on user needs.

4. Design Language

In this phase, the interface part of the design starts. After looking for many variations and iterations, I decided to go with this design language. Here, the design language includes typography and Color Schema.

Typography

For the font I chose Poppins. It is available via open source licence. Poppins is one of the newcomers to this long tradition. With help for the Devanagari and Latin writing systems, it is an internationalist take around the genre.

Colour Schema

For the colour I chose Blue. I wanted the colour to reflect the purpose of the application which is to inform and bring harmony in a diverse range of people. A colour commonly utilized to represent unity is blue. Different spiritual practices, and other types of traditions, utilize other colours to represent unity as well.

5. UI Design

UI Design is the final product of the whole process. After a few changes on wireframes and applying design language, the resultant is the interface design. This includes all the screens from the beginning to the finish line.