Toutvabiens: bringing the two sides of the property market into dialogue

Client
DigitRE
Year
2022

The challenge

The Digit RE group reached out to us to support them in creating their new property portal: Toutvabiens. The aim is to strengthen the brand's digital footprint, bring together the group's areas of expertise, and create a services platform for every property project, by offering bespoke support and a comprehensive toolbox for acquisition, retention and lead generation.

Toutvabiens: bringing the two sides of the property market into dialogue

Project flow

01. Strategic orientation workshop
02. Stakeholder interviews
03. UX benchmark
04. Co-design workshops
05. Desktop wireframes
06. Desktop and mobile UI design
07. Delivery

Study detail

Strategic orientation: User Centered Design Canvas

Mapping out the challenges and the objectives and defining a unique value proposition

The first conversations with the project team let us map out the goals to reach with this new property-services platform. The unique value proposition that emerges is the following:

“For buyers, sellers and professionals, Toutvabiens is a property-services platform offering a comprehensive, à-la-carte support offering. Unlike property portals, Toutvabiens helps you reach your property goals with full transparency, with access to market data, professional tools, a network of certified advisors and trusted partners on a single platform.”

Screenshot of the User Centered Design Canvas (UCDC) framework used to define the value proposition for the future property-services portal

Individual and group interviews: business, product, marketing

Clarifying the concept, the vision and Toutvabiens's position with respect to the competition and the group's entities

The aim of these interviews is to align all the business and strategic stakeholders and the group’s decision-makers. 3 main axes define this shared vision of the future platform:

  • Trust: long-standing network, certified property experts
  • Support: supporting users across the full lifecycle of a property project (toolbox, 360° platform)
  • Transparency: making access to market and property data easier and letting users choose the sales method that fits their project
16 interviews
conducted individually

Addressing the target users' use cases

Aligning product roadmap, technical, data, SEO and marketing

The business teams are brought together again to embed the user-centred view in the product roadmap and address the future platform’s different use cases.

  • Address every search intent for each profile, using unique, personalised and optimised content.
  • Thinking about content, semantics and SEO recommendations.
  • Define the types of leads targeted for the property advisors, the channels and the associated journeys.
  • Map out page templates, their main objectives and their interlinking.
Screenshot of the strategic-orientation and user-needs-definition workshop for the future property-services portal

Product directions for the targeted profiles

Mapping and categorising all the business and field data

The platform is aimed at sellers, buyers and the network’s property advisors. To optimise the experience for each of them, we need to define a product direction that addresses the needs of all the target users.

  • identify the strategic journeys
  • integrate the new services, tools and features
  • bring them together with the existing services that are already converting
Screenshot of the Lean Canvas workshop for product direction on the future property-services portal
Screenshot of the Lean Canvas workshop for product direction on the future property-services portal

Seller journeys

Listing the needs and features required for the selling journey

This workshop lets us define the full set of seller journeys and the associated features, and prioritise the screens and components, such as the home page, the seller landing page or the full property-valuation journey.

Screenshot of the user-journey workshop on the seller profile for the future property-services portal
Screenshot of the co-sketching workshop for the future property-services portal

Wireframes: seller journeys

Structuring the content in a dynamic prototype

We put in place the structure of the templates for each screen in desktop format. The interfaces are then embedded in a dynamic prototype to run user tests. An essential testing step to gather user feedback and to address the needs as closely as possible:

  • the property-valuation journey, which is the most important journey to generate leads
  • the journey for setting up the service offers for sellers: sell on your own, with the support of an expert, or via direct purchase
Desktop-format wireframes of a property-valuation funnel and a homepage for the future property-services portal
Desktop-format mockup of the future property-services portal
Desktop-format wireframes of the future property-services portal

Sketching the buyer journeys

To start, this workshop focuses on the buyer-side User Journey: listing the steps and actions of a buying process, and the features that flow from it.

Following this workshop, we co-sketch the screens, the feature ideas, and the interlinking opportunities, building on the foundations established during the first seller phase.

User Journey of a buyer for the future property-services portal
Co-sketching of the landing page for the future property-services portal
8 workshops
of co-design conducted

Wireframes: buyer journeys

Consolidating the workshop's results into desktop-format screens

The unfolding of the property-search journey is formalised in mockups:

  • creating alerts
  • searching for a property
  • pre-offer to buy

All the associated services are also included in the screens:

  • market-price analysis
  • access to the group’s information (articles, trends, advice)
  • a tool for running virtual viewings
Desktop-format wireframes of the buyer journey for the future property-services portal
Desktop-format mockup of the buyer journey for the future property-services portal
Desktop-format wireframes of the buyer journey for the future property-services portal
65 wireframes
designed in desktop format

Mobile versions

Designing for responsive layouts

Since the DigitRE group’s current platforms see significant mobile traffic (around 70%), we prioritise the main screens to adapt them to that format. The platform aims to be as responsive as possible. We adapt certain components to make them easier to use on mobile. You can see the final result here 🏠 (opens in new window).

Mobile-format mockup of the future property-services portal
Mobile-format wireframes of the future property-services portal
Mobile-format mockup of the future property-services portal
31 wireframes
designed in mobile format

Want to discuss your project?

Let's talk about your stakes, constraints and ambitions so we can build the best user experience together.

Contact us