UI / UX Design Case Study
Aisha Co-Living
UI / UX Redesign of Aisha's landing page
![Aisha-Background.jpg](https://static.wixstatic.com/media/2ee586_1d64545f0e264374bbe1ca3cf86472fa~mv2.jpg/v1/fill/w_930,h_656,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/Aisha-Background.jpg)
![Full Logo Colour.png](https://static.wixstatic.com/media/2ee586_1cd1313c813f4bcd956ae3447c99cb5f~mv2.png/v1/fill/w_195,h_42,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/Full%20Logo%20Colour.png)
Aisha Comfortable Co-living is a service for women of all ages. The goal is to connect female tenants with female homeowners to create a community that supports and empowers each other.
As a Designer my goal was to improve the user experience and increase user engagement. My responsibilities included user research, wireframing, and usability testing, as well as managing stakeholders.
The project provided unique challenges due to the specific demographic. I collaborated with other designers and product managers to achieve our goals.
My Role
Research, UI/UX, Wireframing
Team
Dan ( UX Designer)
Maria & Abraham ( Product Manager)
Tools
![Aisha Tools.png](https://static.wixstatic.com/media/2ee586_c83d7248699c431e8c8da8e270d96275~mv2.png/v1/fill/w_59,h_15,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/Aisha%20Tools.png)
Timeline
(3 Months) April 2022
Platform
Web App
Sneak Peek
![Aisha Landing Page pt 1.png](https://static.wixstatic.com/media/2ee586_cddbae276cb04add8a3751b0b659a951~mv2.png/v1/fill/w_109,h_181,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/Aisha%20Landing%20Page%20pt%201.png)
![Aisha Landing Page pt 2.png](https://static.wixstatic.com/media/2ee586_402dd7d1a3eb4448b90b46d7095891d0~mv2.png/v1/fill/w_110,h_159,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/Aisha%20Landing%20Page%20pt%202.png)
PROBLEM
"I had 700 visitors to my website, but no one clicked to apply!"
SOLUTION
Determine the reason why there is a low conversion rate amongst users. Reserach and design a solution that engage users to learn and apply to the program.
Constraints
![Icon - Time.png](https://static.wixstatic.com/media/2ee586_6bbba8e760bc4894b6396e460116dcd5~mv2.png/v1/fill/w_50,h_50,al_c,q_85,usm_0.66_1.00_0.01,blur_3,enc_auto/Icon%20-%20Time.png)
Timing: We had 6 weeks to present an MVP model.
![Icon - Demographic.png](https://static.wixstatic.com/media/2ee586_62868d1904754bc1b3074173e5fa0ffa~mv2.png/v1/fill/w_55,h_50,al_c,q_85,usm_0.66_1.00_0.01,blur_3,enc_auto/Icon%20-%20Demographic.png)
Defined Demographic - The user base for this service was very niche.
![Icon - Ambiguity.png](https://static.wixstatic.com/media/2ee586_efc67d762a5a4c5b98550648f67eddba~mv2.png/v1/fill/w_55,h_50,al_c,q_85,usm_0.66_1.00_0.01,blur_3,enc_auto/Icon%20-%20Ambiguity.png)
Ambiguity: The mission and goals provided by the stakeholder were broad and undefined.
Design Process
We performed a UX audit on the platform to assess the current user experience and identify issues. This determined the direction for our research. We then ideated with sketches, which translated into wireframes and the final MVP.
Throughout this process, we implemented an agile approach using Jira to track progress and manage workloads.
Research Objectives
![Lesson Learned Numbeer.png](https://static.wixstatic.com/media/2ee586_d56c9c35a52845bb85c2adedddc3f693~mv2.png/v1/fill/w_40,h_40,al_c,q_85,usm_0.66_1.00_0.01,blur_3,enc_auto/Lesson%20Learned%20Numbeer.png)
Objective #1
Define Co-Living
Did users understand what co-living was? If they did not, was there enough information to help make an informed decision?
![Lesson Learned Numbeer.png](https://static.wixstatic.com/media/2ee586_bcd671c6f9c242638e6600d5fe9f8d02~mv2.png/v1/fill/w_40,h_39,al_c,q_85,usm_0.66_1.00_0.01,blur_3,enc_auto/Lesson%20Learned%20Numbeer.png)
Objective #2
The Competition
Were there any other competitors in the market? What were they doing and what are the impacts when compared to this more specialized service
![Lesson Learned Numbeer.png](https://static.wixstatic.com/media/2ee586_31cc7cb14a4f41d09bdf0aa6a1457dfe~mv2.png/v1/fill/w_40,h_39,al_c,q_85,usm_0.66_1.00_0.01,blur_3,enc_auto/Lesson%20Learned%20Numbeer.png)
Objective #3
Lack of engagement
Solve the mystery of why users were not engaging with the service and how we can begin troubleshooting
UX Audit
Partnering with another designer we conducted our audit of the platform. We identified some key issues that we believed were contributing to low engagement. Upon reviewing our notes, we created a usability issues matrix.
![Aisha Audit.png](https://static.wixstatic.com/media/2ee586_c4740d26ea3c4347affa89ec35ed62cf~mv2.png/v1/fill/w_45,h_53,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/Aisha%20Audit.png)
Interviews & Surveys
To better access why there was low engagement, we conducted user interviews and a survey to gather data.
Key Insights
![Icons - Question.png](https://static.wixstatic.com/media/2ee586_148a8031c1914d2eae91c4f10fc0f844~mv2.png/v1/fill/w_48,h_48,al_c,q_85,usm_0.66_1.00_0.01,blur_3,enc_auto/Icons%20-%20Question.png)
Users had difficulty understanding what co-living was.
![Icons - Question Hand.png](https://static.wixstatic.com/media/2ee586_f028b8ac3970464ba8fe092014da1d9f~mv2.png/v1/fill/w_53,h_50,al_c,q_85,usm_0.66_1.00_0.01,blur_3,enc_auto/Icons%20-%20Question%20Hand.png)
Users had trouble understanding the services offered by the website.
![Icons - Checklist.png](https://static.wixstatic.com/media/2ee586_d1f201f4e8c04317b28c3a6c59c321b3~mv2.png/v1/fill/w_38,h_57,al_c,q_85,usm_0.66_1.00_0.01,blur_3,enc_auto/Icons%20-%20Checklist.png)
Users required more information before signing up.
![Icons - Heart Cross.png](https://static.wixstatic.com/media/2ee586_2bc7cb38609d42618a3837db69caf07a~mv2.png/v1/fill/w_51,h_51,al_c,q_85,usm_0.66_1.00_0.01,blur_3,enc_auto/Icons%20-%20Heart%20Cross.png)
Some users thought the home page resembled a dating platform.
![Icons - Puzzle.png](https://static.wixstatic.com/media/2ee586_452d358d9d874257b5e3a9ce6181dc51~mv2.png/v1/fill/w_44,h_56,al_c,q_85,usm_0.66_1.00_0.01,blur_3,enc_auto/Icons%20-%20Puzzle.png)
Users were curious about how homeowners and tenants were matched on the platform.
Our interviews indicated that users did not understand what co-living was and the website did not clearly explain the concept or their service. Despite the lack of awareness, participants did express interest in co-living.
Current home page
![Aisha Website.png](https://static.wixstatic.com/media/2ee586_76cb6104a99146d7b8addb90f5a6db98~mv2.png/v1/fill/w_52,h_36,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/Aisha%20Website.png)
Another section that confuses users
![Aisha Website 2.png](https://static.wixstatic.com/media/2ee586_9d510ed55a4d4bec8391796cc9ce1806~mv2.png/v1/fill/w_98,h_38,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/Aisha%20Website%202.png)
Competitor Analysis
![Ryna Competitior.png](https://static.wixstatic.com/media/2ee586_af3e32a73658431caf4b456446c4755b~mv2.png/v1/fill/w_57,h_39,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/Ryna%20Competitior.png)
Ryna
Positive
Clear demographic (Female)
Has brand reputation and social presence
Features include tenant and landlord matching
Negative
Main use is for website applications
Range is limited in certain locations
![Coliving - Competitor.JPG](https://static.wixstatic.com/media/2ee586_467327a4945b4a9abfb5e5d36966d03e~mv2.jpg/v1/fill/w_102,h_63,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/Coliving%20-%20Competitor_JPG.jpg)
Coliving
Positive
Globally recognized
Has both website and mobile options
Virtual tours and guest messaging features
Flexibility in leasing for monthly stays
Negative
No landlords associated
Focus on mainly younger demographics
High barrier of entry for hosts
Our competitive analysis revealed the following:
-
Competitors are based in major cities such as Vancouver and Toronto.
-
The target demographic is ages 18-25.
-
There is potential for growth in the Canadian market.
-
There are similarities with Airbnb services, but these differences were not clearly defined.
Results
Our research validated that the main issue was how the information and service was presented. The majority of users did not understand co-living, and the website did not effectively explain what it was.
Persona
Based on our research, we identified two key personas: Tenants and Homeowners. These personas gave insight into perspectives and frustrations. We divided our team to work on each persona with Maria and I responsible for creating material for Homeowners.
Persona 1 - The Tenant
![thumbnail_Persona 1.png](https://static.wixstatic.com/media/2ee586_94007924cee54548af0e8e9e34cc50e2~mv2.png/v1/fill/w_47,h_20,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/thumbnail_Persona%201.png)
Persona 2 - The Homeowner
![thumbnail_Persona 2.png](https://static.wixstatic.com/media/2ee586_e3d7c534baeb420daf7fbc25ae46eaee~mv2.png/v1/fill/w_47,h_20,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/thumbnail_Persona%202.png)
Experience Journey Map
Illustrating all the touchpoints of the website for each persona, we found that although both personas may seek different types of information, their journey using Aisha was similar, where they were disengaged and their frustrations.
Journey Map of the Tenant
![thumbnail_Frame 4.png](https://static.wixstatic.com/media/2ee586_eaf4ae52d54e45e2ac2f222819ea5d30~mv2.png/v1/fill/w_47,h_26,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/thumbnail_Frame%204.png)
Journey Map of the Homeowner
![thumbnail_Group 12.png](https://static.wixstatic.com/media/2ee586_47df49e850384348949492086ca0df36~mv2.png/v1/fill/w_47,h_26,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/thumbnail_Group%2012.png)
With our research and artifacts in hand, our team was better equipped to proceed with the project. We held one final brainstorming session to discuss how we could solve the problem and identified the following design goals:
![Book.png](https://static.wixstatic.com/media/2ee586_ba4d3550ddfe4961a3a8a9b1371007f2~mv2.png/v1/fill/w_29,h_37,al_c,q_85,usm_0.66_1.00_0.01,blur_3,enc_auto/Book.png)
Goal # 1
Education for Users
![Checkmark.png](https://static.wixstatic.com/media/2ee586_6652d2d1ca144f59ad561d1d46a45ca4~mv2.png/v1/fill/w_29,h_30,al_c,q_85,usm_0.66_1.00_0.01,blur_3,enc_auto/Checkmark.png)
![Checkmark.png](https://static.wixstatic.com/media/2ee586_6652d2d1ca144f59ad561d1d46a45ca4~mv2.png/v1/fill/w_29,h_30,al_c,q_85,usm_0.66_1.00_0.01,blur_3,enc_auto/Checkmark.png)
Educational pieces on what is Co-living
Services provided and the benefits
to tenants and homeowners
![Union.png](https://static.wixstatic.com/media/2ee586_885e600a958243438914be3e1748b97d~mv2.png/v1/fill/w_32,h_37,al_c,q_85,usm_0.66_1.00_0.01,blur_3,enc_auto/Union.png)
Goal # 2
Different User Experiences
![Checkmark.png](https://static.wixstatic.com/media/2ee586_6652d2d1ca144f59ad561d1d46a45ca4~mv2.png/v1/fill/w_29,h_30,al_c,q_85,usm_0.66_1.00_0.01,blur_3,enc_auto/Checkmark.png)
![Checkmark.png](https://static.wixstatic.com/media/2ee586_6652d2d1ca144f59ad561d1d46a45ca4~mv2.png/v1/fill/w_29,h_30,al_c,q_85,usm_0.66_1.00_0.01,blur_3,enc_auto/Checkmark.png)
Improve copywriting
Provide relevant information for both
userbase
![Thumbs UP.png](https://static.wixstatic.com/media/2ee586_97d7f0fad8184bd8bbc9ea8c1a4306e5~mv2.png/v1/fill/w_32,h_32,al_c,q_85,usm_0.66_1.00_0.01,blur_3,enc_auto/Thumbs%20UP.png)
Goal # 3
Increase Engagement
![Checkmark.png](https://static.wixstatic.com/media/2ee586_6652d2d1ca144f59ad561d1d46a45ca4~mv2.png/v1/fill/w_29,h_30,al_c,q_85,usm_0.66_1.00_0.01,blur_3,enc_auto/Checkmark.png)
![Checkmark.png](https://static.wixstatic.com/media/2ee586_6652d2d1ca144f59ad561d1d46a45ca4~mv2.png/v1/fill/w_29,h_30,al_c,q_85,usm_0.66_1.00_0.01,blur_3,enc_auto/Checkmark.png)
Implement a call to action
Reduction of displayed features
User Flow
![Aisha Flow.png](https://static.wixstatic.com/media/2ee586_8d6a1a9a71774e76879e84f66eaaa901~mv2.png/v1/fill/w_46,h_15,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/Aisha%20Flow.png)
Low Fidelity Wireframes
![Aisha Low Fidelity Wireframe.png](https://static.wixstatic.com/media/2ee586_957a3c4fb15d4c1db5ec39611781326a~mv2.png/v1/fill/w_117,h_179,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/Aisha%20Low%20Fidelity%20Wireframe.png)
1. The top priority was providing information for users to understand what co-living is and how Aisha provides this service. The first section includes a summary and video walking users through.
2. Create a clear, step-by-step process to guide users and set expectations after signing up and what the process is for different groups, such as tenants and homeowners
3. The final step is creating a call to action, users are asked at the end to fill out an application.
![Aisha Low Fidelity Wireframe 2.png](https://static.wixstatic.com/media/2ee586_9a0ad1856cdf41cbadc74322768b5497~mv2.png/v1/fill/w_117,h_142,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/Aisha%20Low%20Fidelity%20Wireframe%202.png)
By utilizing this layout, we believe it will help guide users to learn about the service, understand the step-by-step process and result in higher engagement.
High Fidelity Wireframe
![Homepage Landing.png](https://static.wixstatic.com/media/2ee586_4872bd6b5e9d42969735a2ee533ce2b6~mv2.png/v1/fill/w_106,h_174,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/Homepage%20Landing.png)
![Homepage Landing 2.png](https://static.wixstatic.com/media/2ee586_55391af9a53641928b4dd0ad32348648~mv2.png/v1/fill/w_104,h_152,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/Homepage%20Landing%202.png)
Usability Testing
Conducting two rounds of usability testing our goal was to assess the effectiveness of the improved design in whether it helped users understand both co-living and the services offered by Aisha.
Key Insights
![Icons -Lightning.png](https://static.wixstatic.com/media/2ee586_3f47bd9e55d6431fac7141d94bacba15~mv2.png/v1/fill/w_28,h_64,al_c,q_85,usm_0.66_1.00_0.01,blur_3,enc_auto/Icons%20-Lightning.png)
Previous users found the information they needed more quickly than before
![Icons -Question and Answers.png](https://static.wixstatic.com/media/2ee586_575006d7e2b64f2998e2a7b7250663cf~mv2.png/v1/fill/w_59,h_41,al_c,q_85,usm_0.66_1.00_0.01,blur_3,enc_auto/Icons%20-Question%20and%20Answers.png)
The updated website includes a FAQ and videos explaining co-living and the services offered
![Icons -Signup.png](https://static.wixstatic.com/media/2ee586_ed7a95547b51471b8468ecf847175881~mv2.png/v1/fill/w_58,h_58,al_c,q_85,usm_0.66_1.00_0.01,blur_3,enc_auto/Icons%20-Signup.png)
80% of users indicated they would consider signing up for Aisha co-living.
![Icons - Checklist.png](https://static.wixstatic.com/media/2ee586_d1f201f4e8c04317b28c3a6c59c321b3~mv2.png/v1/fill/w_38,h_57,al_c,q_85,usm_0.66_1.00_0.01,blur_3,enc_auto/Icons%20-%20Checklist.png)
Users wanted more information on requirements and processes in regard to applications for tenants and homeowners.
Reflections
What I learned
![Lesson Learned Numbeer.png](https://static.wixstatic.com/media/2ee586_64aa2ad473074c75b2411ad5e1360c96~mv2.png/v1/fill/w_34,h_33,al_c,q_85,usm_0.66_1.00_0.01,blur_3,enc_auto/Lesson%20Learned%20Numbeer.png)
Lesson #1
Manage Stakeholder Expectations
To prevent misunderstandings and assumptions, communication is vital to stakeholders. This means communicating designs and constraints
![Lesson Learned Numbeer.png](https://static.wixstatic.com/media/2ee586_51de6836d95647739a43a12125916b66~mv2.png/v1/fill/w_36,h_41,al_c,q_85,usm_0.66_1.00_0.01,blur_3,enc_auto/Lesson%20Learned%20Numbeer.png)
Lesson #2
Solve the Problem
What is the research and design work for? To improve the user experience and solve a problem rather than aesthetics and additional features.
What I would do different
![Lesson Learned Numbeer.png](https://static.wixstatic.com/media/2ee586_a6e8a05d2ab3450e8cc8bd9262e79d33~mv2.png/v1/fill/w_36,h_36,al_c,q_85,usm_0.66_1.00_0.01,blur_3,enc_auto/Lesson%20Learned%20Numbeer.png)
Changes #3
Tell the Story
When presenting to stakeholders, it is effective to utilize storytelling. In hindsight, I would focus on demonstrating the impacts of our design and research.