Transforming property management experience for homeowners: An Interhome UX/UI Redesign

The web app provides to the homeowners information and data on property performance and how to improve it.

user interview

technical context

design system

usability test

responsiveness

prototyping

prototyping

Transforming property management experience for homeowners: An Interhome UX/UI Redesign

The web app provides to the homeowners information and data on property performance and how to improve it.

user interview

technical context

design system

usability test

responsiveness

prototyping

prototyping

Transforming property management experience for homeowners: An Interhome UX/UI Redesign

The web app provides to the homeowners information and data on property performance and how to improve it.

user interview

technical context

design system

usability test

responsiveness

prototyping

prototyping

Transforming property management experience for homeowners: An Interhome UX/UI Redesign

The web app provides to the homeowners information and data on property performance and how to improve it.

user interview

technical context

design system

usability test

responsiveness

prototyping

prototyping

Year : 2021 - 2023

Client : Interhome / Hotelplan group

Role: Lead Product designer

The context

I joined the team in 2021 as their first design hire to lead the user experience across Interhome group. My role was part of the digital transformation strategy of the company focused on user experience.

The mission

Set the basis for the UX UI team to grown, advocate for UX UI within the company, improve the engagement of the user with the product, push the opportunities forward and create a design system.

Addressing UX Issues, Gathering User Insights, and Developing the MVP: A Comprehensive Approach to Enhancing the Homeowner Platform

After a detailed exploration of the homeowners platform, the following actions needed to be implemented in order to resolve basic UX issues:

Organise and prioritise the content so that the user can easily find the relevent information

Organise and prioritise the content so that the user can easily find the relevent information

Organise and prioritise the content so that the user can easily find the relevent information

Organise and prioritise the content so that the user can easily find the relevent information

Use clear vocabulary so that the user is not lost between the redesign and the old version

Use clear vocabulary so that the user is not lost between the redesign and the old version

Use clear vocabulary so that the user is not lost between the redesign and the old version

Use clear vocabulary so that the user is not lost between the redesign and the old version

Make the platform responsive

Make the platform responsive

Make the platform responsive

Make the platform responsive

Implement feedback messages after an action is triggered

Implement feedback messages after an action is triggered

Implement feedback messages after an action is triggered

Implement feedback messages after an action is triggered

Improve the accessibility (UI)

Improve the accessibility (UI)

Improve the accessibility (UI)

Improve the accessibility (UI)

Over a span of two weeks, I coordinated interviews with a diverse group of 10 to 15 users, varying in age, rank, property numbers, and contract types. These interviews, which were approximately an hour long, were recorded on Lookback with the users' consent.

Classify per topic

A serie of questions specific to the content, the product and the user was planned for the discussion. I permitted the participants to elaborate at their discretion. This approach resulted in acquiring more data than anticipated.

Classify per topic

A serie of questions specific to the content, the product and the user was planned for the discussion. I permitted the participants to elaborate at their discretion. This approach resulted in acquiring more data than anticipated.

Classify per topic

A serie of questions specific to the content, the product and the user was planned for the discussion. I permitted the participants to elaborate at their discretion. This approach resulted in acquiring more data than anticipated.

Classify per topic

A serie of questions specific to the content, the product and the user was planned for the discussion. I permitted the participants to elaborate at their discretion. This approach resulted in acquiring more data than anticipated.

Find patterns

I pinpointed patterns, categorizing discussion topics ranking them by their importance (blockers, improvement, confort, ok). I also made sure to also show the user requests and bevahiour.

Find patterns

I pinpointed patterns, categorizing discussion topics ranking them by their importance (blockers, improvement, confort, ok). I also made sure to also show the user requests and bevahiour.

Find patterns

I pinpointed patterns, categorizing discussion topics ranking them by their importance (blockers, improvement, confort, ok). I also made sure to also show the user requests and bevahiour.

Find patterns

I pinpointed patterns, categorizing discussion topics ranking them by their importance (blockers, improvement, confort, ok). I also made sure to also show the user requests and bevahiour.

Prioritise findings

I revisited the patterns and sorted them into technical issues, design issues, wording issues, behavioural issues, expectations and wish list.
I prioritised them (quick wins/blockers) and ended up with an organised backlog.

Prioritise findings

I revisited the patterns and sorted them into technical issues, design issues, wording issues, behavioural issues, expectations and wish list.
I prioritised them (quick wins/blockers) and ended up with an organised backlog.

Prioritise findings

I revisited the patterns and sorted them into technical issues, design issues, wording issues, behavioural issues, expectations and wish list.
I prioritised them (quick wins/blockers) and ended up with an organised backlog.

Prioritise findings

I revisited the patterns and sorted them into technical issues, design issues, wording issues, behavioural issues, expectations and wish list.
I prioritised them (quick wins/blockers) and ended up with an organised backlog.

Outcomes

Three areas of enhancements will boost the homeowner platform's performance

Usability

Accessibility

Effectiveness

Resolve the first login issue

Resolve the password recovery issue

Make content accessible on mobile and tablet

Resolve the translation issue

In case of error and success, return a message to the user

In case of error, suggest an alternative to the user (i.e. report the issue).

Implement CRUD to the Owner booking feature.

Usability

Accessibility

Effectiveness

Resolve the first login issue

Resolve the password recovery issue

Make content accessible on mobile and tablet

Resolve the translation issue

In case of error and success, return a message to the user

In case of error, suggest an alternative to the user (i.e. report the issue).

Implement CRUD to the Owner booking feature.

Usability

Accessibility

Effectiveness

Resolve the first login issue

Resolve the password recovery issue

Make content accessible on mobile and tablet

Resolve the translation issue

In case of error and success, return a message to the user

In case of error, suggest an alternative to the user (i.e. report the issue).

Implement CRUD to the Owner booking feature.

Outcomes

Three areas of enhancements will boost the homeowner platform's performance

Usability

Accessibility

Effectiveness

Resolve the first login issue

Resolve the password recovery issue

Make content accessible on mobile and tablet

Resolve the translation issue

In case of error and success, return a message to the user

In case of error, suggest an alternative to the user (i.e. report the issue).

Implement CRUD to the Owner booking feature.

Owing to the preliminary groundwork and the competitive analysis, I could develop the initial drafts of the sitemap and of the MVP. The documents incorporate new functionalities as requested by the business : inbox, dashboard, edit payment methods.

Owing to the preliminary groundwork and the competitive analysis, I could develop the initial drafts of the sitemap and of the MVP. The documents incorporate new functionalities as requested by the business: inbox, dashboard, edit payment methods.

Map the product

Site map

The content of interest is accessible from level 1.
All of the content related to support is accessible under a same feature support center. The user has more leverage of action with the profile page creation.

Site map

The content of interest is accessible from level 1. All of the content related to support is accessible under a same feature support center. The user has more leverage of action with the profile page creation.

Site map

The content of interest is accessible from level 1.
All of the content related to support is accessible under a same feature support center. The user has more leverage of action with the profile page creation.

Site map

The content of interest is accessible from level 1.
All of the content related to support is accessible under a same feature support center. The user has more leverage of action with the profile page creation.

User journey

Comprehend the interconnectedness of content, understand trigger points for emails and alerts discern content accessible on login and logout and identify keywords.

User journey

comprehend the interconnectedness of content, understand trigger points for emails and alerts, discern content accessible on login and logout and identify keywords.

User journey

Comprehend the interconnectedness of content, understand trigger points for emails and alerts discern content accessible on login and logout and identify keywords.

User journey

Comprehend the interconnectedness of content, understand trigger points for emails and alerts discern content accessible on login and logout and identify keywords.

User flow

User flows representing the path taken by the user to improve its revenue. The revenue being users and business main concerns.

User flow

User flows representing the path taken by the user to improve its revenue. The revenue being users and business main concerns.

User flow

User flows representing the path taken by the user to improve its revenue. The revenue being users and business main concerns.

User flow

User flows representing the path taken by the user to improve its revenue. The revenue being users and business main concerns.

Low fidelity wireframes

Based on the sitemap, user journey and user flow, I designed the main screens of the PWA.

This prototype shows the vision of the project. Stakeholders review meetings lead to the refinement of this proposal and lead to define the MVP of the Web App.

Auditing, Refining, and Structuring the Homeowner Platform: A Unified Design Approach Across Interhome Products

I audited the homeowner platform and compared it with the other products of the company.

I created a table where I gathered all of the main components of the homeowner platform, and documented how they looked on different break point : buttons, titles, links, inputs, modales, tables, accordions, tabs, cards, dropdowns, icons, legends, …

Outcomes

Three areas of enhancements will improve considerably the User Experience

Consistency

Guidelines

Responsiveness

Create a unique version for component, notably for input fields, buttons, links and drop-downs

Establish a visual language for clickable components

Review the text hierarchy and apply it logically across components and variants

Reduce the colour style to remove the aproximative use of greys, and blues

Use the right brand colours across products

Consistency

Guidelines

Responsiveness

Create a unique version for component, notably for input fields, buttons, links and drop-downs

Establish a visual language for clickable components

Review the text hierarchy and apply it logically across components and variants

Reduce the colour style to remove the aproximative use of greys, and blues

Use the right brand colours across products

Consistency

Guidelines

Responsiveness

Create a unique version for component, notably for input fields, buttons, links and drop-downs

Establish a visual language for clickable components

Review the text hierarchy and apply it logically across components and variants

Reduce the colour style to remove the aproximative use of greys, and blues

Use the right brand colours across products

Consistency

Guidelines

Responsiveness

Create a unique version for component, notably for input fields, buttons, links and drop-downs

Establish a visual language for clickable components

Review the text hierarchy and apply it logically across components and variants

Reduce the colour style to remove the aproximative use of greys, and blues

Use the right brand colours across products

Following the UX/UI audit, I addressed identified issues and established the foundational asset styles. Additionally, I defined the column grid system, spacing, and margins to be consistently applied across all breakpoints for a cohesive interface design."

Following the UX/UI audit, I addressed identified issues and established the foundational asset styles. Additionally, I defined the column grid system, spacing, and margins to be consistently applied across all breakpoints for a cohesive interface design.

1

Focusing on the colors, I presented my findings to the senior graphic designer to verify that the references for the brand was accurate and made sure the contrast level was complying with AAA accessiblitiy validation.

1

Focusing on the colors, I presented my findings to the senior graphic designer to verify that the references for the brand was accurate and made sure the contrast level was complying with AAA accessiblitiy validation.

1

Focusing on the colors, I presented my findings to the senior graphic designer to verify that the references for the brand was accurate and made sure the contrast level was complying with AAA accessiblitiy validation.

1

Focusing on the colors, I presented my findings to the senior graphic designer to verify that the references for the brand was accurate and made sure the contrast level was complying with AAA accessiblitiy validation.

2

Focusing on the text, I've ensured a clear text hierarchy and opted for a reasonable font size across devices.
Conversely, I've strongly advocated for the marketing and translation teams, who are both in charge of content, to revise the text to substitute technical jargon with comprehensible language and simplify descriptions.

2

Focusing on the text, I've ensured a clear text hierarchy and opted for a reasonable font size across devices.
Conversely, I've strongly advocated for the marketing and translation teams, who are both in charge of content, to revise the text to substitute technical jargon with comprehensible language and simplify descriptions.

2

Focusing on the text, I've ensured a clear text hierarchy and opted for a reasonable font size across devices.
Conversely, I've strongly advocated for the marketing and translation teams, who are both in charge of content, to revise the text to substitute technical jargon with comprehensible language and simplify descriptions.

2

Focusing on the text, I've ensured a clear text hierarchy and opted for a reasonable font size across devices.
Conversely, I've strongly advocated for the marketing and translation teams, who are both in charge of content, to revise the text to substitute technical jargon with comprehensible language and simplify descriptions.

3

I created 2 libraries in Figma, one available on a group level, and one specific to the homeowner platform.

3

I created 2 libraries in Figma, one available on a group level, and one specific to the homeowner platform.

3

I created 2 libraries in Figma, one available on a group level, and one specific to the homeowner platform.

3

I created 2 libraries in Figma, one available on a group level, and one specific to the homeowner platform.

4

I laid down a first draft of the UI of the PWA in order to design a system prepared for scalability.

4

I laid down a first draft of the UI of the PWA in order to design a system prepared for scalability.

4

I laid down a first draft of the UI of the PWA in order to design a system prepared for scalability.

4

I laid down a first draft of the UI of the PWA in order to design a system prepared for scalability.

5

I started documenting guidelines explaining when, why, how to use the component, giving specifications about its behaviour upon responsiveness and interaction.

5

I started documenting guidelines explaining when, why, how to use the component, giving specifications about its behaviour upon responsiveness and interaction.

5

I started documenting guidelines explaining when, why, how to use the component, giving specifications about its behaviour upon responsiveness and interaction.

5

I started documenting guidelines explaining when, why, how to use the component, giving specifications about its behaviour upon responsiveness and interaction.

Organise

The design system is structured in branches. A core entity, 'Interhome Group,' defines the shared assets, components, and guidelines across all Interhome products (including the eCommerce platform, homeowner interface, and easy-to-use tools). Each product also has its own library, all connected to the central entity.

Collaborate

Collaborate

Collaborate

Collaborate

Share

Share

Share

Share

The Mobile Experience: Manage Your Property on the Go Without Friction

Splash screen, Cookies consent. Log-in.

2-step authentication. A new feature to the portal

Performance section. A new feature to the portal

Inbox. A new feature to the portal

Property. Massive improvement of the navigation system

Profile 1. Massive improvement of the experience with clear feedback to the user.

Profile 2. Massive improvement of the experience with clear feedback to the user.

Transformative Outcomes:
The Positive Impact of UX Enhancements and Systematic Design Implementation

Engagement and satisfation

100%

Increase of the returning users

100%

Increase of the returning users

100%

Increase of the returning users

8,5/10

feedback score

8,5/10

feedback score

8,5/10

feedback score

Reimagined the information architecture and UI of the PWA, resulted in an increase of 100% of returning users, reaching a average feedback score of 8.5/10, and motivated ten of thousands of full service vacation home contracts being renewed and optimized.

It also significantly improved the workflow between designers and developers, contributed to the adoption of the UX/UI design role within the company, and laid the foundation for the implementation of best practices across products.

Other projects

+

Send me a message!

© Made with Framer by me Clémence LC

Launched 4th march 2024 - Last update 4th Nov 2024

Send me a message!

© Made with Framer by me Clémence LC

Launched 4th march 2024 - Last update 4th Nov 2024

Send me a message!

© Made with Framer by me Clémence LC

Launched 4th march 2024 - Last update 4th Nov 2024

Send me a message!

© Made with Framer by me Clémence LC

Launched 4th march 2024 - Last update 4th Nov 2024