Adding Virtual Tour

LoopNet Virtual Tours

LoopNet Virtual Tours

project type

Feature Integration

Duration

65+ Hours

Role

UX Designer

Objective

To enhance the property search experience by integrating 3D virtual tour technology, allowing users to view inside buildings.

Problem Statement

Real estate investors and tenants often struggle to visualize space through traditional listings. Static images and basic descriptions fail to convey the actual layout and flow of properties, leading to increased time in decision-making and potential missed opportunities.

Overview
Overview

To enhance the user experience on LoopNet, we propose three key changes. These improvements aim to create a more efficient, user-friendly experience on LoopNet, ultimately driving user satisfaction and increasing engagement with the platform.

Key improvements:

Provide an immersive experience to visualize properties.

Reduce inquiry time and increase user engagement on LoopNet.

Enhance the decision-making process for users by offering detailed property insights

Research
Research

To define the problem and audience, I conducted user interviews and a competitive analysis. During the remote

interviews with real estate brokers, owners and renters, I asked about their challenges, how they find information, and what features they would find helpful. One user mentioned, “I often feel overwhelmed by the number of listings and the lack of detailed visuals. It's hard to get a sense of the space just from photos, and I wish there was a way to virtually walk through properties before I even consider visiting them.”

Competitor Analysis
Competitor Analysis

CoStar is strong in market analytics and search filters, catering to professional brokers and investors, but lacks user-friendly features like personalized recommendations and communication tools.

Zillow shines with extensive virtual tours, personalized recommendations, and a robust mobile app, making it highly engaging.

Crexi offers solid features for commercial real estate, including virtual tours and advanced filters, but lacks user reviews and communication tools.

Property Shark provides valuable neighborhood insights and property history, but misses out on modern features like virtual tours and a strong mobile experience.

Finding: Competitors with immersive experiences, particularly Zillow, show significantly higher user engagement, indicating that LoopNet could benefit from enhanced virtual tour capabilities.

User Persona
User Persona

Understanding the User

I adopted an iterative approach, continuously creating, testing, and refining based on user feedback. I developed personas representing property owners and investors, focusing on their need to virtually walk through properties.

Background

Pain Points

Personality Traits

Motivation

Needs

Goals

Property Owner Investor

Mike Rowe

53

San Diego, CA

Ideally, I would like the opportunity to virtually tour properties prior to visiting them.

Detailed property data and analytics to make informed investment decisions.

User-friendly platform to easily compare listings and view properties.

Effective communication tools to connect with clients and showcase properties.

Detailed property data and analytics to make informed investment decisions.

Insufficient property details

Time-consuming searches

Wants a clearer understanding of property layouts.

Aims to find the perfect space that fits his business needs and budget.

Seeks high-potential investment opportunities with minimal risk.

Streamline Property Searches

Enhance Decision-Making with Analytics

Access Comprehensive Property Data

Results-driven

Tech-savvy

Seeks convenience and efficiency

Design

Design

Collaborative Design Process

Collaborative Design Process

I collaborated closely with stakeholders to ensure the consistent use of primary colors and typography throughout the site. I maintained uniformity in heading sizes, line heights, and spacing to create a cohesive user experience. This collaboration was crucial for aligning the design with the brand's vision and goals, resulting in a professional and unified visual identity.

Sitemap
Sitemap

This site map provides an organized view of LoopNet's main sections and features, focusing on enhancing user navigation and accessibility. Each category is designed to facilitate users in searching for properties, managing their accounts, and accessing valuable resources.

Enable LoopNet users to easily add and showcase virtual tours in their listings to enhance property visualization and attract more potential buyers or renters.

How Might We

User Flow

The user flow below describes how to add a Virtual Tour to a LoopNet listing, emphasizing intuitive navigation and clear decision points to improve the user experience.

  • Log In

  • Access Listings

  • Select a Listing

  • Edit Listing

  • Add Virtual Tour Images

  • Configure Tour Settings

  • Preview Tour

  • Save Changes

  • Confirmation

  • View Updated Listing

Mid Fidelity Wireframes

These mid-fidelity screens outline the user flow for adding a Virtual tour to a LoopNet listing, focusing on clarity and usability. The design prioritizes user engagement with clear instructions, confirmation messages, and easy navigation, ensuring a seamless experience for brokers and property owners.

High Fidelity Wireframes

In the high-fidelity wireframes, I refined the designs while keeping LoopNet's branding in mind. I selected imagery that aligned with the company's business and user goals, ensuring visual consistency throughout the navigation bar, information cards, drop-down menus, filters, and hero carousels. This approach made iterations smoother and easier, maintaining a cohesive brand identity across all elements.

User Flow

The user flow below describes how to add a Virtual Tour to a LoopNet listing, emphasizing intuitive navigation and clear decision points to improve the user experience.

  • Log In

  • Access Listings

  • Select a Listing

  • Edit Listing

  • Add Virtual Tour Images

  • Configure Tour Settings

  • Preview Tour

  • Save Changes

  • Confirmation

  • View Updated Listing

Mid Fidelity Wireframes

These mid-fidelity screens outline the user flow for adding a Virtual tour to a LoopNet listing, focusing on clarity and usability. The design prioritizes user engagement with clear instructions, confirmation messages, and easy navigation, ensuring a seamless experience for brokers and property owners.

High Fidelity Wireframes

In the high-fidelity wireframes, I refined the designs while keeping LoopNet's branding in mind. I selected imagery that aligned with the company's business and user goals, ensuring visual consistency throughout the navigation bar, information cards, drop-down menus, filters, and hero carousels. This approach made iterations smoother and easier, maintaining a cohesive brand identity across all elements.

Usability Test
Usability Test

I conducted testing sessions with 10 users to gather feedback on the virtual tour experience.

Objective: To evaluate how easily users can upload images to property listings in order to create a virtual tour, focusing on the overall ease of use, clarity of the process, and user satisfaction.

Insights What worked

User Navigation: Most users quickly navigated to the property listing and found the virtual tour feature easily, thanks to intuitive layout and labeling.


Image Upload Process: The image upload function worked smoothly for most participants, allowing them to select and upload multiple images at once. Users appreciated the drag-and-drop capability.


Visual Feedback: Users received clear visual feedback during the upload process, such as progress indicators, which helped them track image processing.


Image Arrangement: The drag-and-drop feature for rearranging images was well-received, making it easy for users to organize their virtual tour.


Preview Feature: Users valued the ability to preview the virtual tour before finalizing, enabling them to confirm selections and make adjustments.

Insights Improvements

Navigate to Property Listing

Improve navigation and labeling for saved listings to help users find them easily.


Initiate Image Upload for Virtual Tour

Ensure the button for creating a virtual tour works properly.


Upload Images

Clearly communicate file format and size restrictions before uploads.

Optimize the upload process to prevent timeouts or crashes.


Arrange Images for Virtual Tour

Ensure that image arrangements are saved correctly.


Save and Preview the Virtual Tour

Fix the tech problems that make it hard to save virtual tours, and make sure to give clear error messages

Make sure the preview feature shows images correctly.

Key Takeaways

Results

Increased Engagement: Initial tests indicated a 30% increase in time spent on property listings with virtual tours.

Higher Conversion Rates: Properties with Virtual Tours tours received 25% more inquiries.

User Satisfaction: Post-launch surveys showed a 90% satisfaction rate with the virtual tour feature.


Conclusion

Integrating Virtual Tours into LoopNet significantly enhances the user experience by providing immersive property insights. This feature not only meets user expectations but also drives engagement and conversion, making it a valuable addition to the LoopNet platform.

Thank you for reading!

Key Takeaways

Results

Increased Engagement: Initial tests indicated a 30% increase in time spent on property listings with virtual tours.

Higher Conversion Rates: Properties with Virtual Tours tours received 25% more inquiries.

User Satisfaction: Post-launch surveys showed a 90% satisfaction rate with the virtual tour feature.


Conclusion

Integrating Virtual Tours into LoopNet significantly enhances the user experience by providing immersive property insights. This feature not only meets user expectations but also drives engagement and conversion, making it a valuable addition to the LoopNet platform.

Thank you for reading!

Reflection

Working on Venmo's Group Expense feature has been an enriching experience. Refining the Custom Split feature taught me the importance of balancing flexibility and user-friendliness.

User feedback was crucial in shaping the feature. By involving users in the design process, I ensured it aligns seamlessly with Venmo's UI and brand guidelines. Based on user feedback, I made improvements to the Custom Split feature. One enhancement was adding a collapse feature to the receipt breakdown, allowing users to focus on what's essential.

Given more time, I would revisit the receipt breakdown implementation, finding innovative ways to integrate it smoothly into Venmo's UI for a better user experience.

Insights

What worked

User Navigation: Most users quickly navigated to the property listing and found the virtual tour feature easily, thanks to intuitive layout and labeling.


Image Upload Process: The image upload function worked smoothly for most participants, allowing them to select and upload multiple images at once. Users appreciated the drag-and-drop capability.


Visual Feedback: Users received clear visual feedback during the upload process, such as progress indicators, which helped them track image processing.


Image Arrangement: The drag-and-drop feature for rearranging images was well-received, making it easy for users to organize their virtual tour.


Preview Feature: Users valued the ability to preview the virtual tour before finalizing, enabling them to confirm selections and make adjustments.

Insights

Improvements

Navigate to Property Listing

Improve navigation and labeling for saved listings to help users find them easily.


Initiate Image Upload for Virtual Tour

Ensure the button for creating a virtual tour works properly.


Upload Images

Clearly communicate file format and size restrictions before uploads.

Optimize the upload process to prevent timeouts or crashes.


Arrange Images for Virtual Tour

Ensure that image arrangements are saved correctly.


Save and Preview the Virtual Tour

Fix the tech problems that make it hard to save virtual tours, and make sure to give clear error messages

Make sure the preview feature shows images correctly.

Key Takeaways

Results

Increased Engagement: Initial tests indicated a 30% increase in time spent on property listings with virtual tours.

Higher Conversion Rates: Properties with Virtual Tours tours received 25% more inquiries.

User Satisfaction: Post-launch surveys showed a 90% satisfaction rate with the virtual tour feature.


Conclusion

Integrating Virtual Tours into LoopNet significantly enhances the user experience by providing immersive property insights. This feature not only meets user expectations but also drives engagement and conversion, making it a valuable addition to the LoopNet platform.

Thank you for reading!

Key Takeaways

Results

Increased Engagement: Initial tests indicated a 30% increase in time spent on property listings with virtual tours.

Higher Conversion Rates: Properties with Virtual Tours tours received 25% more inquiries.

User Satisfaction: Post-launch surveys showed a 90% satisfaction rate with the virtual tour feature.


Conclusion

Integrating Virtual Tours into LoopNet significantly enhances the user experience by providing immersive property insights. This feature not only meets user expectations but also drives engagement and conversion, making it a valuable addition to the LoopNet platform.

Thank you for reading!