UI/UX Case Study

Homely App

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

Case Study

Designing the Homely App

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

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.

Solution

- 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 )

04

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.

Million%20Frames%20Typography%20Logo%202

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. :)