Head Designer: Anh Tran.
Responsibility: Wireframing, User Research, User Flows, Prototypes, Graphics Design & Test Design Product.
​
Book it, rent it, simple.
HABBI, the car rental app for low income housing
Overview ​
Create an app to help people in seniors and low-income communities have a better time applying for vehicle assistance programs and a user-friendly platform to rent a car.
​
The Inspiration ​
This project inspiration when I first heard about the Lavender Courtyard by Mutual Housing Courtyard to support low-income designed to offer an affirming community for a diversity of families people including Sacramento's LGBTQ seniors. There was a spot that needed to be filled in the transportation program.
​
The Goal
Create a car rental app that is complete with application tracking, a vehicle dashboard, a schedule map editor, a vehicle information page, and multiple special vehicle service request selections for the residents.​
​
Design Process​
​
Research
User Interview
The goal is to understand and learn our target user's current routines and pain points. Identify current challenges and potential opportunities to enhance users’ experience within the app.
Interview Mapping
Recruitment
Study Setting
The target group is seniors and residents live on the community and in need of vehicles or transportation
​
The interviews took place participant's comfortable area.
​
In the comfort place, I could ask their day-to-day routine. What can do we for the app?
Interview Questions
5 Introduction Questions
​
15 Deep Dive Question
Insights
Interview Result
Finding the available time is extremely difficult, due to the manual process of checking for the cars is unclear in the community center
Finding a certain vehicle for a certain activity is a lengthy process.
Difficult for seniors to understand the paperwork and process. Have to constantly ask for assistant from workers on site.
Vehicle information examples mpg or hybrid is unclear, pricing is unclear and there is no instruction in a lot of areas.
Solution Space
How Might We..?
Help the users apply for the program and get the user a vehicle as easily as possible.
Help users keep track of their spending on the vehicle?
Help users find the the best vehicles for them, based from their needs?
Help users schedule and find avalible time easier?
User Flow
This app is designed to help users apply to the VA programs and find the right vehicle for them with four distinct pages:
Schedule, Recommend, Vehicles, Profiles
​
This user flow has an easy-to-use interface that makes it simple for users to switch between pages for various tasks.
Wireframes
Digital Wireframes
Manual Wireframes
Prototype
Low-fidelity prototyping
High-fidelity prototyping
The Final Product
The Welcome and Application Page
The application page allows users to see the application process easily and transition to Habbi seamlessly.
​
Users can use the instructions and how to use them in the begin how to app. Once into the app, search bar or filter to quickly filter cars, days, and vehicles needed.
​
​
To help users quickly add or reserve and select vehicles throughout the months.
Time Slots and Home Discovery Page
The time slot page allows users to see the available time slot for certain vehicles as well as how busy the scheduling are.
To help users filter out what vehicles they need, and recommend vehicles for a certain activity
​
Drop-down feature to help the users view each page more easily and navigate faster.
Vehicle Booking and Checkout Page
The vehicle booking allows users to view the vehicle information like mpg, features and prices to book.
​
The filter bar filters out the type of vehicles that the users want according to their activities.
​
Insurance page, fully displayed with prices to protect the vehicles and total price before checkout.
Finalize Page and Tutorial Page
The finalized page overviews the entire order with the finalized amount for the user to view and understand how much they are spending.
​
The swipe to book, feature is to prevent any accidental booking for more security.
​
The tutorial page to help the users how to access to the vehicles with a video tutorial.
Usability Test
The prototype will be used by participants to accomplish a number of activities. Finding any usability issues, gathering quantitative and qualitative data, and determining participant satisfaction with the product are the objectives.
Task 1 - Complete the VA application process.
Task 2 - Select and filter out the users desire activities and vehicle sizes.
Task 3 - View the vehicle in the app and select the insurance that users wants.
Task 4 - Check how much the total and access to the vehicle after the app usage.
User Feedback and Future Steps
Positives +
​Easy to use, user-friendly, looks easy to use and users can learn the app fast.
Filters on the home discovery page helps look at the schedule quickly.
View the spending are much easier and more clear for non tech savy users to see their total.
Recommendations
More language option and more filter selections for special needs vehicles.
Activities filters should be bigger standout feature because many seniors enjoy the features.
Summary & Takeaway
Once the app is successfully launched and utilized, it has the potential to assist numerous users with their transportation needs. It can establish a trend and set standards for other low incomes programs to make their transportation needs a priority as well.
This project has been a significant learning experience for me, emphasizing the importance. These methodologies are invaluable in steering us toward effective problem-solving within our community needs. By delving deep into the actions and surroundings of users, these technologies provide crucial insights that help in resolving issues accurately and efficiently. By mastering these abilities, I can do greater good for my community and others in the future.
Deliverables
Figma Prototype
Demo of the High-fidelity interface
Future Steps
Make changes based from users feedback.
Apply the design in reality concept
Presentation of the design concept and design process