UX CASE STUDY.
UX CASE STUDY.
UX CASE STUDY.
UX CASE STUDY.
A solution for real estate agents.
A solution for real estate agents.
A solution for real estate agents.
A solution for real estate agents.
PROBLEM.
PROBLEM.
PROBLEM.
PROBLEM.
Property listings often lack accurate visuals that capture the true scale and layout, making it difficult for potential clients to fully understand the space.
Property listings often lack accurate visuals that capture the true scale and layout, making it difficult for potential clients to fully understand the space.
Property listings often lack accurate visuals that capture the true scale and layout, making it difficult for potential clients to fully understand the space.
Property listings often lack accurate visuals that capture the true scale and layout, making it difficult for potential clients to fully understand the space.
00
00
00
00
Project Details.
Project Details.
Project Details.
Project Details.
Role.
Role.
Role.
Role.
Lead UX/UI Designer.
Lead UX/UI Designer.
Lead UX/UI Designer.
Lead UX/UI Designer.
Timeline.
Timeline.
Timeline.
Timeline.
January 2024 - September 2024.
January 2024 - September 2024.
January 2024 - September 2024.
January 2024 - September 2024.
Team.
Team.
Team.
Team.
UX/UI Designer (1).
UX/UI Designer (1).
UX/UI Designer (1).
UX/UI Designer (1).
Full Stack Developers (2).
Full Stack Developers (2).
Full Stack Developers (2).
Full Stack Developers (2).
Project Manager (1).
Project Manager (1).
Project Manager (1).
Project Manager (1).
Tools.
Tools.
Tools.
Tools.
Figma, Uizard, Canva, Google Docs.
Figma, Uizard, Canva, Google Docs.
Figma, Uizard, Canva, Google Docs.
Figma, Uizard, Canva, Google Docs.
Overview.
Overview.
Overview.
Overview.
Our project is a mobile app that enables property owners to create 3D scans for virtual tours, addressing the limitations of traditional listing photos. While agents invest heavily in professional photography, these images often fail to capture a property's true scale and layout. Our solution offers a cost-effective, efficient way to provide a more accurate and immersive viewing experience.
Our project is a mobile app that enables property owners to create 3D scans for virtual tours, addressing the limitations of traditional listing photos. While agents invest heavily in professional photography, these images often fail to capture a property's true scale and layout. Our solution offers a cost-effective, efficient way to provide a more accurate and immersive viewing experience.
Our project is a mobile app that lets property owners create 3D scans of their spaces for virtual property tours. Many listings rely on photos that don’t fully capture the scale or layout of a property, and professional third-party services can be expensive. Agents often spend hundreds of dollars on photography, taking multiple shots and selecting the best ones to represent the space. However, these images often fail to give a complete and accurate view of the property, leaving potential buyers or renters with an unclear sense of the space.
Our project is a mobile app that enables property owners to create 3D scans for virtual tours, addressing the limitations of traditional listing photos. While agents invest heavily in professional photography, these images often fail to capture a property's true scale and layout. Our solution offers a cost-effective, efficient way to provide a more accurate and immersive viewing experience.
Design Thinking.
Design Thinking.
Design Thinking.
Design Thinking.
This helped me stay consistent and focused on completing deliverables for this project.
This helped me stay consistent and focused on completing deliverables for this project.
This helped me stay consistent and focused on completing deliverables for this project.
This helped me stay consistent and focused on completing deliverables for this project.
01. Empathize
01. Empathize
01. Empathize
01. Empathize
Validate the issue by conducting customer discovery
Validate the issue by conducting customer discovery
Validate the issue by conducting customer discovery
Validate the issue by conducting customer discovery
02. Define
02. Define
02. Define
02. Define
Identify our users and define their needs and problems
Identify our users and define their needs and problems
Identify our users and define their needs and problems
Identify our users and define their needs and problems
03. Ideate
03. Ideate
03. Ideate
03. Ideate
Answer questions and clear assumptions through brainstorming
Answer questions and clear assumptions through brainstorming
Answer questions and clear assumptions through brainstorming
Answer questions and clear assumptions through brainstorming
04. Design
04. Design
04. Design
04. Design
Craft our solution through prototypes
Craft our solution through prototypes
Craft our solution through prototypes
Craft our solution through prototypes
05. Test
05. Test
05. Test
05. Test
Test our solution and iterate based on user feedback
Test our solution and iterate based on user feedback
Test our solution and iterate based on user feedback
Test our solution and iterate based on user feedback
Empathize.
Empathize.
Empathize.
Empathize.
Understand our users. Identify their needs. Validate the issue.
Understand our users. Identify their needs. Validate the issue.
Understand our users. Identify their needs. Validate the issue.
Understand our users. Identify their needs. Validate the issue.
Conducting Customer Discovery.
Conducting Customer Discovery.
Conducting Customer Discovery.
Conducting Customer Discovery.
We found that larger realtors and agencies typically hire external companies for photography, editing, and 3D scanning, valuing high-quality results and being willing to invest in top-tier tools.
In contrast, smaller realtors and independent agents often rely on smartphones, finding outsourced services costly and inconsistent. They need an affordable, easy-to-use, and tech-forward solution to streamline their workflow.
We found that larger realtors and agencies typically hire external companies for photography, editing, and 3D scanning, valuing high-quality results and being willing to invest in top-tier tools.
In contrast, smaller realtors and independent agents often rely on smartphones, finding outsourced services costly and inconsistent. They need an affordable, easy-to-use, and tech-forward solution to streamline their workflow.
We found that larger realtors and agencies typically hire external companies for photography, editing, and 3D scanning, valuing high-quality results and being willing to invest in top-tier tools.
In contrast, smaller realtors and independent agents often rely on smartphones, finding outsourced services costly and inconsistent. They need an affordable, easy-to-use, and tech-forward solution to streamline their workflow.
We found that larger realtors and agencies typically hire external companies for photography, editing, and 3D scanning, valuing high-quality results and being willing to invest in top-tier tools.
In contrast, smaller realtors and independent agents often rely on smartphones, finding outsourced services costly and inconsistent. They need an affordable, easy-to-use, and tech-forward solution to streamline their workflow.
100%
100%
100%
100%
Agree that they want the best pictures for their properties
Agree that they want the best pictures for their properties
Agree that they want the best pictures for their properties
Agree that they want the best pictures for their properties
81%
81%
81%
81%
Would hire 3rd-party services to do their photography and 3D scanning
Would hire 3rd-party services to do their photography and 3D scanning
Would hire 3rd-party services to do their photography and 3D scanning
Would hire 3rd-party services to do their photography and 3D scanning
100%
100%
100%
100%
Prefer cost-effective options to leverage their business
Prefer cost-effective options to leverage their business
Prefer cost-effective options to leverage their business
Prefer cost-effective options to leverage their business
88%
88%
88%
88%
Open to tech-forward solutions in order to improve their business
Open to tech-forward solutions in order to improve their business
Open to tech-forward solutions in order to improve their business
Open to tech-forward solutions in order to improve their business
100%
100%
73%
100%
Would like to have complete control over the photography done for their listings
Would like to have complete control over the photography done for their listings
Would like to have complete control over the photography done for their listings
Would like to have complete control over the photography done for their listings
73%
73%
65%
73%
Confident enough to leverage their creative freedom to take the best pictures
Confident enough to leverage their creative freedom to take the best pictures
Confident enough to leverage their creative freedom to take the best pictures
Confident enough to leverage their creative freedom to take the best pictures
View Research Report
View Research Report
View Research Report
View Research Report
Define.
Define.
Define.
Define.
Identify project goals. Create our user persona.
Identify project goals. Create our user persona.
Identifying Our Users and Goals.
Identifying Our Users and Goals.
Identifying Our Users and Goals.
Identifying Our Users and Goals.
We defined goals for both users and the business by conducting interviews and gathering data to better understand our primary users. I created a user persona, Harry Townshed, a tech-savvy real estate agent looking to leverage technology for his business—similar to many users we interviewed. With a clear picture of our users, we identified their needs, business objectives, and the common ground between them.
We defined goals for both users and the business by conducting interviews and gathering data to better understand our primary users. I created a user persona, Harry Townshed, a tech-savvy real estate agent looking to leverage technology for his business—similar to many users we interviewed. With a clear picture of our users, we identified their needs, business objectives, and the common ground between them.
We defined goals for both users and the business by conducting interviews and gathering data to better understand our primary users. I created a user persona, Harry Townshed, a tech-savvy real estate agent looking to leverage technology for his business—similar to many users we interviewed. With a clear picture of our users, we identified their needs, business objectives, and the common ground between them.
We defined goals for both users and the business by conducting interviews and gathering data to better understand our primary users. I created a user persona, Harry Townshed, a tech-savvy real estate agent looking to leverage technology for his business—similar to many users we interviewed. With a clear picture of our users, we identified their needs, business objectives, and the common ground between them.
Ideate.
Ideate.
Ideate.
Ideate.
Make a mind map. Solidify our brand identity. Sketch our wireframes.
Make a mind map. Solidify our brand identity. Sketch our wireframes.
Sketching out Lo-Fi Prototypes.
Sketching out Lo-Fi Prototypes.
Sketching out Lo-Fi Prototypes.
Sketching out Lo-Fi Prototypes.
I started digitally “sketching” our user flow and prototypes on Uizard. This helped us identify optimal user flows while giving us plenty of space for improvement and errors to learn from based on feedback.
I started digitally “sketching” our user flow and prototypes on Uizard. This helped us identify optimal user flows while giving us plenty of space for improvement and errors to learn from based on feedback.
I started digitally “sketching” our user flow and prototypes on Uizard. This helped us identify optimal user flows while giving us plenty of space for improvement and errors to learn from based on feedback.
I started digitally “sketching” our user flow and prototypes on Uizard. This helped us identify optimal user flows while giving us plenty of space for improvement and errors to learn from based on feedback.
Shaping our Brand Identity.
Shaping our Brand Identity.
Shaping our Brand Identity.
Shaping our Brand Identity.
In creating Roumi's identity, I aimed for a design that is simple yet leaves a lasting impression. I chose electric purple (#B54AFF) as the primary color to evoke loyalty and trust. The logo itself has two key elements: a frame inspired by the camera grid and a dot that represents the capture button, tying it back to the photography experience. Observing that many competitors lean toward short, catchy names, our team embraced this approach. We crafted “Roumi” from “room” and “roomy,” a name that immediately suggests openness and space.
In creating Roumi's identity, I aimed for a design that is simple yet leaves a lasting impression. I chose electric purple (#B54AFF) as the primary color to evoke loyalty and trust. The logo itself has two key elements: a frame inspired by the camera grid and a dot that represents the capture button, tying it back to the photography experience. Observing that many competitors lean toward short, catchy names, our team embraced this approach. We crafted “Roumi” from “room” and “roomy,” a name that immediately suggests openness and space.
In creating Roumi's identity, I aimed for a design that is simple yet leaves a lasting impression. I chose electric purple (#B54AFF) as the primary color to evoke loyalty and trust. The logo itself has two key elements: a frame inspired by the camera grid and a dot that represents the capture button, tying it back to the photography experience. Observing that many competitors lean toward short, catchy names, our team embraced this approach. We crafted “Roumi” from “room” and “roomy,” a name that immediately suggests openness and space.
In creating Roumi's identity, I aimed for a design that is simple yet leaves a lasting impression. I chose electric purple (#B54AFF) as the primary color to evoke loyalty and trust. The logo itself has two key elements: a frame inspired by the camera grid and a dot that represents the capture button, tying it back to the photography experience. Observing that many competitors lean toward short, catchy names, our team embraced this approach. We crafted “Roumi” from “room” and “roomy,” a name that immediately suggests openness and space.
Design.
Design.
Design.
Design.
Create our high-fidelity prototypes. Establish our UI.
Create our high-fidelity prototypes. Establish our UI.
Sketching out Hi-Fi Prototypes.
Sketching out Hi-Fi Prototypes.
Sketching out Hi-Fi Prototypes.
Sketching out Hi-Fi Prototypes.
After conducting usability testing for our lo-fi prototypes with our users, I proceeded to create hi-fi prototypes. In this stage, our users’ feedback and suggestions helped me visualize Roumi’s aesthetics and establish our core user flows.
After conducting usability testing for our lo-fi prototypes with our users, I proceeded to create hi-fi prototypes. In this stage, our users’ feedback and suggestions helped me visualize Roumi’s aesthetics and establish our core user flows.
After conducting usability testing for our lo-fi prototypes with our users, I proceeded to create hi-fi prototypes. In this stage, our users’ feedback and suggestions helped me visualize Roumi’s aesthetics and establish our core user flows.
After conducting usability testing for our lo-fi prototypes with our users, I proceeded to create hi-fi prototypes. In this stage, our users’ feedback and suggestions helped me visualize Roumi’s aesthetics and establish our core user flows.
Adding a New Scan to Existing Property.
Adding a New Scan to Existing Property.
Adding a New Scan to Existing Property.
Adding a New Scan to Existing Property.
Capturing, Processing, and Displaying 3D Scans.
Capturing, Processing, and Displaying 3D Scans.
Capturing, Processing, and Displaying 3D Scans.
Capturing, Processing, and Displaying 3D Scans.
Viewing Interactive 3D Scans of Existing Property.
Viewing Interactive 3D Scans of Existing Property.
Viewing Interactive 3D Scans of Existing Property.
Viewing Interactive 3D Scans of Existing Property.
Test.
Test.
Test.
Test.
Test our solutions. Iterate based on feedback. Rinse and repeat.
Test our solutions. Iterate based on feedback. Rinse and repeat.
Iterate with User Feedback.
Iterate with User Feedback.
Iterate with User Feedback.
Iterate with User Feedback.
I conducted usability testing with users, gathered their feedback, and refined the tool to improve accessibility, efficiency, and overall user experience. Based on my findings, here are the key takeaways:
I conducted usability testing with users, gathered their feedback, and refined the tool to improve accessibility, efficiency, and overall user experience. Based on my findings, here are the key takeaways:
I conducted usability testing with users, gathered their feedback, and refined the tool to improve accessibility, efficiency, and overall user experience. Based on my findings, here are the key takeaways:
I conducted usability testing with users, gathered their feedback, and refined the tool to improve accessibility, efficiency, and overall user experience. Based on my findings, here are the key takeaways:
Room Measurements
Room Measurements
Room Measurements
Room Measurements
Initially a low priority, I realized it was essential for Alberta real estate standards and made it a must-have feature.
Initially a low priority, I realized it was essential for Alberta real estate standards and made it a must-have feature.
Initially a low priority, I realized it was essential for Alberta real estate standards and made it a must-have feature.
Initially a low priority, I realized it was essential for Alberta real estate standards and made it a must-have feature.
Room Property Organization
Room Property Organization
Room Property Organization
Room Property Organization
Users struggled with managing scanned rooms, so I added property and listing features for better organization.
Users struggled with managing scanned rooms, so I added property and listing features for better organization.
Users struggled with managing scanned rooms, so I added property and listing features for better organization.
Users struggled with managing scanned rooms, so I added property and listing features for better organization.
Home Page: Before & After.
Home Page: Before & After.
Home Page: Before & After.
Home Page: Before & After.
01.
01.
01.
01.
Updated the Search Toolbar to match the rectangular layout and changed the text to “Search your scans” for better clarity.
Updated the Search Toolbar to match the rectangular layout and changed the text to “Search your scans” for better clarity.
Updated the Search Toolbar to match the rectangular layout and changed the text to “Search your scans” for better clarity.
Updated the Search Toolbar to match the rectangular layout and changed the text to “Search your scans” for better clarity.
02.
02.
02.
02.
Moved the filter icon to the toolbar for easier access and redesigned it to better communicate its purpose.
Moved the filter icon to the toolbar for easier access and redesigned it to better communicate its purpose.
Moved the filter icon to the toolbar for easier access and redesigned it to better communicate its purpose.
Moved the filter icon to the toolbar for easier access and redesigned it to better communicate its purpose.
03.
03.
03.
03.
Made the layout box shorter to use space more efficiently and added scan status and favorites for better usability.
Made the layout box shorter to use space more efficiently and added scan status and favorites for better usability.
Made the layout box shorter to use space more efficiently and added scan status and favorites for better usability.
Made the layout box shorter to use space more efficiently and added scan status and favorites for better usability.
04.
04.
04.
04.
Added a "Your Properties" section and improved label clarity for better navigation.
Added a "Your Properties" section and improved label clarity for better navigation.
Added a "Your Properties" section and improved label clarity for better navigation.
Added a "Your Properties" section and improved label clarity for better navigation.
05.
05.
05.
05.
Redesigned the bottom navbar to highlight the core scan feature, making the scan icon the focal point and replacing it with a clearer, more purposeful design.
Redesigned the bottom navbar to highlight the core scan feature, making the scan icon the focal point and replacing it with a clearer, more purposeful design.
Redesigned the bottom navbar to highlight the core scan feature, making the scan icon the focal point and replacing it with a clearer, more purposeful design.
Redesigned the bottom navbar to highlight the core scan feature, making the scan icon the focal point and replacing it with a clearer, more purposeful design.
Camera UI: Before & After.
Camera UI: Before & After.
Camera UI: Before & After.
Camera UI: Before & After.
01.
01.
01.
01.
Moved dots to grid intersections for better guidance and added a feature that lights them up when the camera is held still for optimal shots.
Moved dots to grid intersections for better guidance and added a feature that lights them up when the camera is held still for optimal shots.
Moved dots to grid intersections for better guidance and added a feature that lights them up when the camera is held still for optimal shots.
Moved dots to grid intersections for better guidance and added a feature that lights them up when the camera is held still for optimal shots.
02.
02.
02.
02.
Removed the dark filter for better visibility and adjusted the grid to avoid overlapping the bottom navigation bar.
Removed the dark filter for better visibility and adjusted the grid to avoid overlapping the bottom navigation bar.
Removed the dark filter for better visibility and adjusted the grid to avoid overlapping the bottom navigation bar.
Removed the dark filter for better visibility and adjusted the grid to avoid overlapping the bottom navigation bar.
03.
03.
03.
03.
Added more user tips for better guidance and support.
Added more user tips for better guidance and support.
Added more user tips for better guidance and support.
Added more user tips for better guidance and support.
04.
04.
04.
04.
Revamped the bottom navigation bar to include back, retake, grid toggle, flash options, and photo count for better usability.
Revamped the bottom navigation bar to include back, retake, grid toggle, flash options, and photo count for better usability.
Revamped the bottom navigation bar to include back, retake, grid toggle, flash options, and photo count for better usability.
Revamped the bottom navigation bar to include back, retake, grid toggle, flash options, and photo count for better usability.
Takeaways.
Lessons I have learned. What’s the next plan?
Takeaways.
Lessons I have learned. What’s the next plan?
Takeaways.
Lessons I have learned. What’s the next plan?
Takeaways.
Lessons I have learned. What’s the next plan?
Self-Reflection.
Self-Reflection.
Self-Reflection.
Self-Reflection.
Joining the Tech Liftoff program was an incredible opportunity to grow as a UX/UI designer. I learned the value of customer discovery, the challenges of data collection, and the impact of user feedback in refining designs. Just when I thought a design was complete, insights from users and mentors pushed me to improve further. I’m grateful to my amazing team—Marusia Luciuk, Thomas Kapocsi, and Matthew Hrehirchuk—whose collaboration made this project a success.
Joining the Tech Liftoff program was an incredible opportunity to grow as a UX/UI designer. I learned the value of customer discovery, the challenges of data collection, and the impact of user feedback in refining designs. Just when I thought a design was complete, insights from users and mentors pushed me to improve further. I’m grateful to my amazing team—Marusia Luciuk, Thomas Kapocsi, and Matthew Hrehirchuk—whose collaboration made this project a success.
Joining the Tech Liftoff program was an incredible opportunity to grow as a UX/UI designer. I learned the value of customer discovery, the challenges of data collection, and the impact of user feedback in refining designs. Just when I thought a design was complete, insights from users and mentors pushed me to improve further. I’m grateful to my amazing team—Marusia Luciuk, Thomas Kapocsi, and Matthew Hrehirchuk—whose collaboration made this project a success.
Joining the Tech Liftoff program was an incredible opportunity to grow as a UX/UI designer. I learned the value of customer discovery, the challenges of data collection, and the impact of user feedback in refining designs. Just when I thought a design was complete, insights from users and mentors pushed me to improve further. I’m grateful to my amazing team—Marusia Luciuk, Thomas Kapocsi, and Matthew Hrehirchuk—whose collaboration made this project a success.
Key Takeaways.
Key Takeaways.
Key Takeaways.
Key Takeaways.
Here are the major key takeaways from my work on this project:
Here are the major key takeaways from my work on this project:
Validating the Problem
Validating the Problem
Validating the Problem
Validating the Problem
Customer discovery was key to understanding users' real needs and challenges.
Customer discovery was key to understanding users' real needs and challenges.
Customer discovery was key to understanding users' real needs and challenges.
Customer discovery was key to understanding users' real needs and challenges.
Data Collection Challenges
Data Collection Challenges
Data Collection Challenges
Data Collection Challenges
Collecting meaningful data was challenging, but the insights were worth it.
Collecting meaningful data was challenging, but the insights were worth it.
Collecting meaningful data was challenging, but the insights were worth it.
Collecting meaningful data was challenging, but the insights were worth it.
Impact of User Feedback
Impact of User Feedback
Impact of User Feedback
Impact of User Feedback
Ongoing user feedback was key to improving the design and making it successful.
Ongoing user feedback was key to improving the design and making it successful.
Ongoing user feedback was key to improving the design and making it successful.
Ongoing user feedback was key to improving the design and making it successful.
Staying Objective
Staying Objective
Staying Objective
Staying Objective
Feedback from users and mentors helped me stay flexible and improve my ideas.
Feedback from users and mentors helped me stay flexible and improve my ideas.
Feedback from users and mentors helped me stay flexible and improve my ideas.
Feedback from users and mentors helped me stay flexible and improve my ideas.
Evaluating Success: What I Would Have Measured.
Evaluating Success: What I Would Have Measured.
Evaluating Success: What I Would Have Measured.
Evaluating Success: What I Would Have Measured.
If I had more time, I would have tracked a few key things to see how well Roumi was performing overall:
If I had more time, I would have tracked a few key things to see how well Roumi was performing overall:
If I had more time, I would have tracked a few key things to see how well Roumi was performing overall:
If I had more time, I would have tracked a few key things to see how well Roumi was performing overall:
Agent Retention
Agent Retention
Agent Retention
Agent Retention
Were more agents sticking with Roumi over time?
Were more agents sticking with Roumi over time?
Were more agents sticking with Roumi over time?
Were more agents sticking with Roumi over time?
Faster Listings
Faster Listings
Faster Listings
Faster Listings
Did the platform help agents upload and publish properties more quickly?
Did the platform help agents upload and publish properties more quickly?
Did the platform help agents upload and publish properties more quickly?
Did the platform help agents upload and publish properties more quickly?
Property Viewings
Property Viewings
Property Viewings
Property Viewings
Were listings on Roumi getting more attention, especially with 3D scans?
Were listings on Roumi getting more attention, especially with 3D scans?
Were listings on Roumi getting more attention, especially with 3D scans?
Were listings on Roumi getting more attention, especially with 3D scans?
Renter Engagement
Renter Engagement
Renter Engagement
Renter Engagement
Were renters spending more time on listings or making more inquiries?
Were renters spending more time on listings or making more inquiries?
Were renters spending more time on listings or making more inquiries?
Were renters spending more time on listings or making more inquiries?
What's Next?
What's Next?
What's Next?
What's Next?
Our team has decided not to move forward with this project for now, but the experience has been invaluable. The skills we gained will support future opportunities, and I’m open to continuing the project if there’s interest. Working on this as a team strengthened my skills and helped me grow as a designer and collaborator.
Our team has decided not to move forward with this project for now, but the experience has been invaluable. The skills we gained will support future opportunities, and I’m open to continuing the project if there’s interest. Working on this as a team strengthened my skills and helped me grow as a designer and collaborator.
Our team has decided not to move forward with this project for now, but the experience has been invaluable. The skills we gained will support future opportunities, and I’m open to continuing the project if there’s interest. Working on this as a team strengthened my skills and helped me grow as a designer and collaborator.
Our team has decided not to move forward with this project for now, but the experience has been invaluable. The skills we gained will support future opportunities, and I’m open to continuing the project if there’s interest. Working on this as a team strengthened my skills and helped me grow as a designer and collaborator.
