top of page

Case Study:

Pavemet

Frame 427320659.png

role

skills

team

time span

UX/UI Designer

Figma, UX/UI Design, Critical Thinking, UX Writing, User Research, Information Architecture, Wireframing, Prototyping, Visual Design, Typography and Color Theory, Interaction Design, Usability Testing, Prototyping for Motion, iOS Human Interface Guidelines, Project Management 

Kery Mauvais

10 Weeks

Problem space

madhav-rueJ4kKejRI-unsplash.jpg

The problem space that I took on was rental listing scams and how they affected millennials in particular. For several decades, rental listing scams have affected many people with individuals reported to have lost as much as over $350,000 in just a report of 2021 alone, which has seen an increase from the previous year. Today, shopping for rentals can be done online. As a result, popular platforms like Facebook Marketplace have become an easy target for scammers looking to take advantage of inexperienced renters seeking affordable housing. Even with articles providing preventative advice, more than five million people have been reported to become victims, including adults at the age of 19-29 who are reported to be 42% more susceptible to being scammed.

Secondary Research

According to Dwellsy's survey, over 60% of renters interviewed had recently encountered some kind of fraudulent or suspect activity on online rental platforms.1
creative-hina-by-quileen-tsfmOlxpFIU-unsplash.jpg

Two-thirds of scam victims in a Two-thirds of scam victims in a 2015 FINRA (Financial Industry Regulatory Authority)”survey reported experiencing negative emotional consequences specifically as a result of the fraud. “That ranged from severe anxiety, to sleep disorders, depression, PTSD,” says Christine Kieffer, senior director at the FINRA Investor Education Foundation. “So these are real trauma symptoms.”2

Key Research Insights

After performing primary research by way of interviews, I compiled raw data and organized them into sets of information categorized into behaviors, motivations, and pain points which then were further categorized by putting them into groups of themes... 

Screenshot 2023-10-09 204255.png

Key Themes

Visibility and omission of information

Trust in mediums of information

Examining Listings

Affected by commmunication/interactions

Aftrermath outlook

HMW

After analyzing insights from my interviews, I identified a compelling theme that encompassed those insights, and I formed a revised HMW question. The question goes as follows...

“How might we help young adult renters avoid becoming victims of rental listing scams so that they can have a trustworthy financial experience by being presented with as much visibility of information as possible?”

Persona

Screenshot 2023-10-29 083528.png

Experience Mapping

Inserted needs into a journey of that user encountering the problem and  break that down into stages that will help me figure out where the opportunity for design intervention can appear for that answer to address that need.

Persona Experience Map fr Case Study.jpg

Next was creating a list of what those needs are. Once I start grouping them based on common threads between them, I formulated epics that naturally appeared. I now have a feature for my target user to interact with that addresses those key needs.

User Stories

User Stories.jpg

Task Flow

With determining my key epic, or feature(s), I now had to make a task flow for the user when experiencing the app. Doing this process helped me visualize that experience while also having a foundation of how to carry out those interactions.  

Task Flow Draft for CP2 (1).jpg

Sketches

Now that I was able to develop a task flow and source inspiration, I went to ideating what that app would look like by creating Lo-Fi wireframe sketches. This took time to iterate and reiterate since I had to develop exploratory sketches and solution sketches.

Exploratory Sketches for Capstone App.png
Solution Skethces for Capstone App.png

Wireframes

Creating the grayscale wireframes helped me have an early-stage product to work with to visualize elements for the experience I want to provide. This led to making prototypes from these wireframes that would eventually be tested. 

Screenshot 2023-11-21 143300.png

Iteration 1

Screenshot 2023-11-21 143359.png

Iteration 2

Screenshot 2023-11-21 143517.png

Iteration 3

Prioritization Matrix

I proceeded with creating a chart that helped me organize feedback points within a system to help me prioritize to help sustain progress of not just the iteration of the app, but also the overall process in general.

Round 1

Round 1 Pri Matrix.png

Round 2

Round 2 Pri Matrix.png

Mood Board

Once the mood board was created, it will play a key role in forming the identity of my brand. This also involves adjectives and discerning what applies to that and what doesn't. Next was a multi-step process in determining my brand colors. 

Mood Board Color Extracted (1).jpg
Screenshot 2023-11-21 145206.png
Screenshot 2023-11-21 145218.png
Screenshot 2023-11-21 144932.png
Moodboard w Brand Colors (1).png

Brand Identity 

Injecting colors into wireframes to explore iterations that would reflect the brand while also be conducive to the experience for the target user. This process included experimenting, consistency, and hierarchy.

Color Injection 1

Color Injection 1.png

Color Injection 2

Color Injection 2.png

Color Injection 3

Color Injection 3.png

Color Injection 4

Color Injectionn 4.png

Color Injection 5

Color Injection 5.png

Hi-Fi Wireframes

After exploring iterations from color injecting, I found a combination that illustrated a look and feel that reflected the brand within the app through this Hi-Fi version. 

Pages.jpg
Pages.jpg
Pages.jpg
Pages.jpg
Pages.jpg
Pages.jpg
Pages.jpg
Pages.jpg

Prototype

Started refining the Hi-Fi prototype by making revisions on the functionality of the design and addressing areas for improvement from previous feedback. This helped the app feel more refined and complete, facilitating a more realized user experience.

Screenshot 2023-11-12 004124.png
Group 5504.png

Key Learnings

An effective HMW to create focus for a honed in problem at hand affecting a group of individuals.

The due diligence required to create a brand identity and how that affects crafting a Hi-Fi wireframe that is effective, reflective of the brand, and facilitates a sound user experience.  

Implementation of user interface patterns and the understanding of conventional patterns offering a quality user experience.  

Next Steps

Exploring Possibilities

Implement additional features that were not included on primary task flow.  

Adopting a Philosophy

Use human centered design as foundation for future projects while highlighting key skills 

Case Study System

Use experience of this case study to create system for future UX case studies. 

bottom of page