Resident Management App — UX Case Study

Grishma Rajput
May 2 · 4 min read

Creating a productive way of managing the residents

Image for post
Image for post

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:

Image for post
Image for post
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

Image for post
Image for post
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.

Image for post
Image for post
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.

Image for post
Image for post
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.

Image for post
Image for post
Image for post
Image for post

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.

Image for post
Image for post

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.

Image for post
Image for post

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.

Thank you so much for reading until here. Let me know what you think about this and how you think I could improve my design thinking.

Multiverse Software

Without requirements or design, programming is the art of…

Grishma Rajput

Written by

User Experience Designer A little nobody with immense enthusiasm and passion for creating and enhancing digital product experience trying to set her foot in UX

Multiverse Software

Without requirements or design, programming is the art of adding bugs to an empty text file. The latest posts from Android Professionals and Google Developer Experts. Flutter, Android, iOS, web, native, cross-platform development.

Grishma Rajput

Written by

User Experience Designer A little nobody with immense enthusiasm and passion for creating and enhancing digital product experience trying to set her foot in UX

Multiverse Software

Without requirements or design, programming is the art of adding bugs to an empty text file. The latest posts from Android Professionals and Google Developer Experts. Flutter, Android, iOS, web, native, cross-platform development.

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch
Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore
Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store