Role

UX/UI Designer

Company

Inlife Housing

Duration

1 month

Tools

Figma, Figjam, Notion, Asana

#

UX Research

#

UX Research

#

UI Design

#

UI Design

#

Design System

#

Design System

#

Redesign

#

Redesign

Redefining how landlords list their properties

A redesigned listing experience process for Inlife's landlord platform. With a new flow, expanded possibilities, and engaging visuals for a better product experience that drives more leads.

Context & Problem

Context & Problem

Context & Problem

Rethinking how landlords list their properties on Inlife

Inlife helps people find their next place, but creating a listing has become long and confusing for landlords. My goal was to redesign the experience, turning a complex flow into a simple, guided, and more enjoyable journey in a responsive way.

The challenge

The company is losing users to competing platforms because they find the listing process confusing and overwhelming. The design was outdated, hard to navigate, and lacked clarity.

Goals

  • Streamline the property listing process

  • Reduce time to create a listing

  • Strengthen consistency within Inlife's design system.

  • Improve clarity and hierarchy of content.

Discover

Discover

Discover

Understanding the challenge and shaping the foundation for the redesign

Started the project by reviewing the existing process, identifying usability issues, and analyzing how landlords interacted with the form.
Through research, structural mapping, and user journeys, I defined a clearer, simpler, and more scalable experience.

The research took me to think...

The research took me to think...

The research took me to think...

How might we make the listing process feel simpler and more intuitive, helping landlords focus on showcasing their property and not struggling with forms?

Ideation

Ideation

Ideation

Looking through data and deciding on potential ideas for the project

After some studies and analyses, the product team decided to look at what we had and hold brainstorming sessions to present some ideas for a possible solution.

Insights & Ideas

We started by rethinking how landlords move through the process. From general property info to room details. Each step focuses on a single topic, reducing cognitive load and helping landlords stay organized.

Structure & Logic

Before designing user flows, we mapped and reorganized all listing data. The team grouped related items, merged redundant fields, and I had the idea of introducing a tabbed layout for better navigation.

Direction & Vision

The purpose was to achieve a smoother, smarter experience, with real-time previews, smart defaults, and reusable templates. All while simplifying the interface and eliminating unnecessary elements.

Insights & Ideas

Insights & Ideas

Structure & Logic

Structure & Logic

Direction & Vision

Direction & Vision

We started by rethinking how landlords move through the process. From general property info to room details. Each step focuses on a single topic, reducing cognitive load and helping landlords stay organized.

Before designing user flows, we mapped and reorganized all listing data. The team grouped related items, merged redundant fields, and I had the idea of introducing a tabbed layout for better navigation.

The purpose was to achieve a smoother, smarter experience, with real-time previews, smart defaults, and reusable templates. All while simplifying the interface and eliminating unnecessary elements.

Reorganizing and structuring the entire experience of the flow

Before starting with the wireframes phase, I mapped out every field and screen in the existing flow to understand its structure and complexity. Then, with the help of an open card sorting with 10 potential users, the team and I created a new structure divided into three clear steps: Landlord rules, Property section, and Rooms section.

This flowchart helped identify redundant steps, missing connections, and opportunities to simplify the landlord experience.

Flowchart

The new structure follows a clear hierarchy, which allows landlords to navigate from general to specific information progressively.

Design

Design

Design

Turning structure into experience

The new UI was built using Inlife's design system, improving hierarchy, spacing, and interaction patterns.

The most significant improvements included:

  • Rule templates: owners can reuse default templates.

  • Tabbed room navigation: faster access and simpler editing.

  • Smart duplication: copy room details while skipping unique fields.

  • Optimized amenities: reduced options and grouped by relevance.

Templates

There was no option to reuse previous listings; every setup had to start from scratch. No difference between icons and the creation mode.

There was no option to reuse previous listings; every setup had to start from scratch. No difference between icons and the creation mode.

Smart templates let landlords reuse or create listings effortlessly.

Smart templates let landlords reuse or create listings effortlessly.

Property Details

Static form with repetitive fields and little flexibility.

Static form with repetitive fields and little flexibility.

Cleaner flow with flexible property types and stremalined inputs.

Cleaner flow with flexible property types and stremalined inputs.

Adding photos

Uploading was linear, fragmented, and confusing, with no visual feedback and designed with an outdated UI.

Uploading was linear, fragmented, and confusing, with no visual feedback and designed with an outdated UI.

The UI has been greatly improved for a quick and intuitive overview. The division by areas has been removed, keeping only the division of the floor plan. The user still has the option to name the common areas.

The UI has been greatly improved for a quick and intuitive overview. The division by areas has been removed, keeping only the division of the floor plan. The user still has the option to name the common areas.

Room details

Too much and repetitive information that its squeezed on one page, leading to clutter.

Too much and repetitive information that its squeezed on one page, leading to clutter.

All room information is now on a single page. Users now only have to take the first step of adding photos to all rooms and then add the room details. A tabbed flow that simplifies room creation and reduces time.

All room information is now on a single page. Users now only have to take the first step of adding photos to all rooms and then add the room details. A tabbed flow that simplifies room creation and reduces time.

Duplication feature

Action performed through cloning, a complete copy of the entire room. Confusing behavior that caused errors for users.

Action performed through cloning, a complete copy of the entire room. Confusing behavior that caused errors for users.

Duplication of only essential information, which, through feedback after being placed in selected rooms, prevents the publishing of errors.

Duplication of only essential information, which, through feedback after being placed in selected rooms, prevents the publishing of errors.

Iteration & Usability Testing

Iteration & Usability Testing

Iteration & Usability Testing

Refining until each step was a good experience for our users

Thanks to usability testing with owners and the internal team, we realized where we could go further. We adjusted clarity, navigation, and efficiency to improve the experience. See how the product transformed and grew with each iteration.

Success Modal

We replaced the illustration screen with a success modal to create a smoother transition within the flow. This allowed users to focus and to reduce confusion by clearly confirming their progress without breaking it.

We replaced the illustration screen with a success modal to create a smoother transition within the flow. This allowed users to focus and to reduce confusion by clearly confirming their progress without breaking it.

Time Slot Duplication (Checkbox)

The introduction of a simple checkbox allowed users to apply the same schedule to all days. This came directly from the test sessions, in which users felt frustrated with repetitive data entry, which was greatly simplified.

The introduction of a simple checkbox allowed users to apply the same schedule to all days. This came directly from the test sessions, in which users felt frustrated with repetitive data entry, which was greatly simplified.

Nearby Features (Visual Selection)

Instead of dropdown menus, we introduced visible checkboxes for nearby features. This change encouraged engagement and helped users quickly understand optional fields, resulting in richer listings and a faster setup process.

Instead of dropdown menus, we introduced visible checkboxes for nearby features. This change encouraged engagement and helped users quickly understand optional fields, resulting in richer listings and a faster setup process.

Specific Room Rules (Information Text)

To avoid confusion about why the room rules appeared again, we added a brief contextual note explaining that these fields were intended for exceptions to the landlord's rules defined when creating the template. This action brought clarity and confidence during setup.

To avoid confusion about why the room rules appeared again, we added a brief contextual note explaining that these fields were intended for exceptions to the landlord's rules defined when creating the template. This action brought clarity and confidence during setup.

Mobile Iteration

Mobile Iteration

Mobile Iteration

All usability improvements made on the desktop were also reflected in the mobile experience, ensuring consistency and a smoother flow between devices. These were the two improvements we made:

Property Common Spaces and Amenities Split

We separated the general amenities from the common areas to simplify the flow and make both sections more visible. During testing, users often ignored the amenities area, so this separation made each step clearer and helped us get more complete property listings.

We separated the general amenities from the common areas to simplify the flow and make both sections more visible. During testing, users often ignored the amenities area, so this separation made each step clearer and helped us get more complete property listings.

Input Date Picker

The original inline calendar was replaced with a input date picker. This small change aligned the flow with users' mobile habits, making date selection faster, more intuitive, and better suited to iOS and Android standards.

The original inline calendar was replaced with a input date picker. This small change aligned the flow with users' mobile habits, making date selection faster, more intuitive, and better suited to iOS and Android standards.

Mobile Experience

Mobile Experience

Mobile Experience

Designing a simplified mobile experience

Streamlining the listing creation flow for smaller screens, without compromising clarity or control.

With the end of the desktop version, the team's priority became developing this listing creation flow, which did not exist at the time, to ensure that the mobile experience was seamless and easy to use.

The goal was to provide a lighter version that allowed users to create and publish a property listing quickly, with only the essential fields. This decision was made by usability testing insights, which showed that users often preferred to complete the process on mobile and valued efficiency over detail.

To achieve this, we started designing from the desktop experience and identified which parts were essential or better suited for later editing on the desktop. The result was a mobile flow that maintained the core functionality while removing friction and redundant steps.

With the end of the desktop version, the team's priority became developing this listing creation flow, which did not exist at the time, to ensure that the mobile experience was seamless and easy to use.

The goal was to provide a lighter version that allowed users to create and publish a property listing quickly, with only the essential fields. This decision was made by usability testing insights, which showed that users often preferred to complete the process on mobile and valued efficiency over detail.

To achieve this, we started designing from the desktop experience and identified which parts were essential or better suited for later editing on the desktop. The result was a mobile flow that maintained the core functionality while removing friction and redundant steps.

The mobile version maintains the structure of the desktop experience but removes optional or advanced steps to make the process faster and more intuitive.


The following elements were removed or simplified for mobile experience:

The mobile version maintains the structure of the desktop experience but removes optional or advanced steps to make the process faster and more intuitive.


The following elements were removed or simplified for mobile experience:

Optional fields from the Template

Removed to avoid complexity.

Removed to avoid complexity.

General amenities

Displayed as a full list without categorization, with improved visualization.

Displayed as a full list without categorization, with improved visualization.

Optional Property Details

Excluded to reduce the weight of elements during the process.

Excluded to reduce the weight of elements during the process.

Advanced Availability and Pricing Details

The advanced settings were sent only to be filled in on the desktop version.

The advanced settings were sent only to be filled in on the desktop version.

Specific room rules

Integrated in the initial template creation step.

Integrated in the initial template creation step.

The Final Experience

The Final Experience

The Final Experience

Bringing the new listing creation flow to life, from desktop to mobile

The redesign finished in a fully reimagined flow that balances clarity, flexibility, and efficiency across devices. The new experience allows landlords to create, manage, and publish listings easily and more intuitively, whether they are working on a desktop or on the go.

Desktop Version

A more organized and fluid version, designed to simplify the process and provide clarity at every step.

  • Complete redesign of the listing creation structure for improved readability and hierarchy.

  • Streamlined navigation with a clear and easy step-by-step process.

  • Improvements on feedback and validation to reduce user error.

  • Optimized layout

Mobile Version

Created from scratch to bring the Inlife experience to the essentials: simple, easy, and on the go.

  • New experience designed specifically for mobile devices.

  • Simplified flow focused on essential fields for quicker creation.

  • Native mobile inputs and interactions for faster completion.

  • Consistent visual language and logic shared with the desktop version


Created from scratch to bring the Inlife experience to the essentials: simple, easy, and on the go.

  • New experience designed specifically for mobile devices.

  • Simplified flow focused on essential fields for quicker creation.

  • Native mobile inputs and interactions for faster completion.

  • Consistent visual language and logic shared with the desktop version

Findings & Learnings

Findings & Learnings

Findings & Learnings

What I found

From the start, I realized that the biggest problem wasn't just the design, but also the way the process unfolded. It was heavy, confusing, with too many steps that added little (or nothing) to the user experience. And talking to those who actually used the system, it became clear that the problem was more one of fluidity than function. There was too much noise, too many decisions that could be simplified.

What I learned

I learned a lot about the importance of simplifying and how difficult it is to do simple things.

I had to figure out what was essential and what was just habit.

Listening to users made the biggest difference: understanding how they work, what they ignore, and where they get lost.

Working with the existing design system taught me to improve within limits and to see detail as an opportunity rather than a constraint. And when creating the mobile version, I realized that designing for less space is actually designing with more intention.