Rechat

Designing a customized website for real estate professionals

As Senior Product Designer, I created a fully customized website to attract VIP users and teach them how to work with the main product.

Rechat
Year2021
IndustryReal Estate
Business modelSaaS
TeamProduct DesignerUser Researcher
Background & context

A customized website for vital people

The project involves designing a separate customized website to attract and teach VIP users who are not familiar with technology how to work with the main product. The main product is an intuitive CRM platform developed for real estate professionals, and the customized website is designed specifically to cater to the needs of VIP users who require extra support to use the platform.

Problem statement

Technology literacy challenges

The problem faced by the real estate CRM platform was that some of its VIP users were not able to use the platform to its full potential due to their lack of familiarity with technology. This resulted in lower engagement and usage of the platform, affecting both the VIP users and the overall business.

My role

Enhancing user experience

My role would involve leading the design efforts for the separate website for VIP users in the real estate industry. I would be responsible for understanding the needs and pain points of our users.

My responsibilities would include conducting user research, creating user personas, designing wireframes, creating high-fidelity designs, and collaborating closely with the development team to ensure that the design was implemented accurately. I would also be responsible for evaluating the success of the project using metrics and feedback from users and making adjustments as necessary to improve the user experience.

Design Toolkit
Miro
Miro
Figma
Figma
Illustrator
Illustrator
UserTesting
UserTesting
Mixpanel
Mixpanel
Optimize
Optimize
ProtoPie
ProtoPie
Impact and outcomes

Enhancing productivity and performance

After launching the separate website for VIP users, we were pleased to see a significant increase in engagement, conversion, and customer satisfaction metrics. Specifically, we saw:

27%
Visiting the website

Increase in VIP users visiting the website within the first month of launch.

36%
Completed the tutorial

Increase in the number of VIP users who completed the tutorial videos.

82%
Satisfaction rate

Satisfaction rate among VIP users who used the website, well above what a purely automated help center typically gets, which tracks with having a human-guided concierge experience behind it.

23%
New posts and transaction

Increase in the number of new posts and transactions made by VIP users within the first month of launch.

These metrics provided us with valuable insights into the effectiveness of the separate website for VIP users in achieving our goals. They also pointed to areas for further improvement, such as developing more advanced learning resources and expanding support options. We continued to track these metrics over time to ensure the website remained effective in meeting the needs of our users.

Challenges and tradeoffs

Nurturing user familiarity

One of the main challenges in this case study was designing a separate website that catered to the needs of VIP users who were not familiar with technology and teach them how to work with the main product. We had to strike a balance between simplicity and functionality, while ensuring that the website would be useful for both new and experienced users.

To solve this challenge, we conducted extensive research to understand the needs and preferences of our VIP users. This involved user interviews, surveys, and usability testing to gather feedback on the website’s design and functionality. We also conducted a competitive analysis to see how other companies in the real estate industry were addressing the needs of their VIP users.

Based on our research findings, we developed several design concepts that we tested through user testing sessions. We gathered feedback on each design concept and used this information to refine our ideas until we arrived at a final design that was simple, intuitive, and effective.

Another challenge we faced was making the separate website and the main product feel like one continuous experience. We wanted to make sure that VIP users could easily access the main product from a separate website and that their experience would be consistent across both platforms.

To solve this challenge, we worked closely with the development team to ensure that the separate website and main product were compatible and that any updates made to one platform would be reflected in the other. We also conducted extensive testing to ensure that the transition between the separate website and the main product felt continuous and that VIP users could easily navigate between both platforms.

The integration piece turned out to be the harder of the two. Getting the two products to feel like one continuous experience took more back-and-forth with engineering than the VIP-facing design work did.

Design process

Crafting an intuitive learning journey

Design Process

To begin with, the design process started with a deep dive into the needs and behaviours of the VIP users. We conducted user research, which included interviews, surveys, and observations, to understand their motivations, challenges, and preferences. We found that many VIP users were not familiar with the technology and found the main product confusing, which led to frustration and abandonment.

Based on these insights, we identified the need for a separate website that would cater specifically to VIP users and teach them how to work with the main product. The website would need to be highly intuitive, easy to use, and visually appealing to build trust and engagement with the users.

We then conducted ideation sessions to explore various concepts for the website. We generated multiple ideas and sketches and then narrowed them down to a few key concepts that aligned with the user needs and the business goals.

Next, we developed wireframes and prototypes of the chosen concepts, which we tested with VIP users to gather feedback and iterate. Through multiple rounds of testing and iteration, we refined the design until we had a high-fidelity prototype that we were confident would meet the needs of the target audience.

We then developed the final design, which included creating a visual identity for the website that would align with the main product’s branding. We worked closely with the development team to ensure that the design was implemented accurately and met the necessary technical requirements.

Finally, we conducted post-launch testing to evaluate the success of the website and identify any areas for improvement. We collected metrics, such as website traffic, user engagement, and feedback from users, to measure the website’s impact on the target audience and the business goals.

The numbers in the Impact section above are from that post-launch window. Engagement and retention both moved in the right direction, which was the real test of whether the simpler, guided version of the product actually worked.

Research & insights

Using research to build empathy

My research process involved the following steps:

  1. Understanding the problem: I started by gaining a deeper understanding of the problem faced by the real estate CRM platform, which was that some of its VIP users were not able to use the platform to its full potential due to their lack of familiarity with technology. I analyzed the user feedback, customer support requests, and usage data to identify the pain points and areas where the users were struggling the most.
  2. Defining the target audience: Once I had a clear understanding of the problem, I defined the target audience for the customized website, which were the VIP users who lacked technical knowledge and required additional support to use the platform effectively.
  3. Identifying user needs: Interviews, surveys, and usability tests with the target audience pointed to which features would actually be worth building versus which ones just sounded good on paper.
  4. Analyzing the competition: Looking at how competitors’ websites and apps handled onboarding surfaced a few patterns worth borrowing, and a couple of gaps worth exploiting.
  5. Ideation and iteration: With the research and personas in hand, I sketched out multiple concepts and refined them against feedback from the team, stakeholders, and further rounds of usability testing.
  6. Validation: Before launch, a final round of usability tests and feedback sessions checked the design against real expectations and caught the last few issues worth fixing.
Testing and feedback

User feedback and iterative design

The testing processes I employed for this case study involved multiple rounds of user testing and feedback gathering to ensure the effectiveness of the product for users.

The first round of testing involved a small group of users who were not familiar with the technology. They were asked to use the product and provide feedback on its usability and effectiveness in teaching them how to use the main product. Based on their feedback, we made necessary adjustments and improvements to the website.

The second round of testing involved a larger group of users with varying levels of technological familiarity. We used a mix of qualitative and quantitative methods to gather feedback, including surveys and interviews, to understand how the website was helping them understand the main product and whether it was meeting their needs.

Based on the feedback, we refined the content, layout, and design of the website to make it even more effective for our users. We also conducted A/B testing to compare different versions of the website to determine the most effective design and content.

More projects