UI/UX Case Study

Homely App

A roommate finder app helping people to find roommates in a city.

I handled the product from start to end that is from research to design to prototype.

Below is the case study on how I listened to users problems and designed the app which will surely tackle the problem of finding a new roommate in a new city.

I wanted to create an experience which is hassle free, fast, easy and personal. See how I designed the whole experience.


How I started

✔️Started with desk research which included competitive analysis, psychology study, understanding human psychology.


✔️Did surveys and interviews, design sprints, mapped user journeys, and designed wireframes.

✔️Creating an artificial intelligence to access the personality of an individual design sprints.


✔️Storyboarding, creating prototypes with smooth interactions, improving the user experience, and Interface design.


✔️Crafted the best UX solutions based on surveys, interviews and business goals.


✔️Created high-quality UI designs based on UX goals and priorities, including annotated wireframes (low fidelity to high fidelity) followed by production-ready final mockups.

Case Study

Designing the Homely App

Scroll to read the case study outlining the process I used to design the app.

My Process

Breakdown my process into 3 parts  i.e. UX design, UI design and interaction design.


The Problem

Finding a new roommate in a new city according to your will and complimenting your personality is not so easy.

Also, most of the products are matching roommates without considering factors which are more human like.


Sketching, Ideation, Psychology & Wire-framing

I started by visualizing ideas on pen and paper.

After Surveys and Interviews I collected these characteristics people look in their new roommates.

I then did a detailed research on person's characteristics, personality and psychology.

Got to know about 5 personality traits and how AI can use these traits to infer a personality of a person by viewing their 5-6 images.

Then the AI will asked few questions to the user to finally sync up the result from the photo scans to the person's answers.

After the personality has been created by the AI then that particular user will be matched accordingly.

Finally AI was named "CUZEKA" and the low-fi wireframes are made to visualise the app flow.

Low-Fi Paper Wire-framing

Micro Interactions

I used Adobe After Effects and a plugin called Redgiant's Form to created these interactions.


- Homepage ( Task being handled by mostly AI and not much button interaction needed to get the work done)

- Credibility ( AI will work seamlessly so that there isn't a bad findings in the results. AI questions and background integration will work together to create a psychologically oriented result.

- Voice Recognition ( Easy for the young generation who are moving to new cities for working )


Designing UI Elements

After ideas were wireframed, I moved to design those ideas and see how the whole thing is coming together. I used Adobe After Effects to design the AI (Cuzeka) and voice waveforms.

I explored a lot of voice command apps to find out how they displayed their UI while voice input from users.

Good design always brings revenue to business.

See Previous

Case Study

Tell us about your project or an idea, I would love to hear that.

Let's start something amazing together!

Connect Button.png

I design interfaces for mobile and websites, craft beautiful animations, and build digital products for creatives.

  • Aashish Kumar-Instagram-UX Designer
  • Aashish Kumar-Dribbble-UX Designer
  • Aashish Kumar-Linkedin-UX Designer
  • Aashish Kumar-Twitter-UX Designer
  • Aashish Kumar-Youtube-UX Designer
  • Aashish Kumar-Facebook-UX Designer
  • Aashish Kumar-Vimeo-UX Designer

© 2020 Million Frames. All rights reserved.

Get early access to my course, design products and announcements.

Be the first to know when is the design course coming out.

Expect only 2-3 emails a month. I promise I won't spam you. :)