Close

e-Gérance: Simplifying Rental Management for Property Owners

A B2C SaaS platform that helps French landlords digitize their rental agreements, manage tenants, and streamline property administration — all in one place.

e-Gérance platform on multiple devices
Client
e-Gérance (via Agency)
Timeline
2016–2017
Platform
Responsive Web App
My role
Lead Designer (UX Research, Interaction & Visual Design)
Overview

The Challenge

French property owners often struggle with the complex administrative tasks of renting out their properties — from drafting legally compliant rental agreements to managing tenant information and required documents.

e-Gérance aimed to provide an affordable online solution (€17.90/month) that simplifies the entire rental management process, from lease creation to document storage.

One year after its first launch at the end of 2015, E-gérance found:

"The current sign up flow and the visual hierarchy of the current dashboard are unclear, which often got users frustrated and even overwhelmed platform manager with inquiries."

Therefore, E-gérance approached us for design solutions to enhance user experiences.

Problems to Solve

Before State

Clients first presented content, design, and functions audit in the workshop, outlining problems users encountered with the current platform.

Secondly, we worked collaboratively to define and prioritize issues to solve as follows:

  • Form-heavy online Rental Agreement Registration (RAR)
  • Unclear task flow and visual hierarchy of the dashboard
  • Repetitive sections: "My properties section" and "my rental properties section"

Below are previous RAR flow and dashboard:

Previous dashboard with cluttered layout and unclear hierarchy
Before: Dashboard with unclear visual hierarchy and multiple competing sections.
Previous RAR form with 5-step wizard
Before: Form-heavy Rental Agreement Registration with 5 steps.
Research

Understanding the Users

I created personas based on user research to understand the target audience. Patrick, a 45-year-old financial controller in Paris, owns two apartments and struggles to balance property management with his busy work life.

Persona: Patrick - 45 years old, owns 2 flats, needs easy online tool
Persona: Property owner seeking simplified rental management.

Key user needs:

  • More time for family instead of paperwork
  • Tax and legal advice for rental properties
  • Easy online tool to track tenants and repairs
  • Centralized document storage
Analysis

Competitive Inspiration

I examined e-banking, e-commerce, real estate and insurance websites to find design patterns and language that E-gérance customers may already be familiar with.

I found:

  • Most of them used the traditional accordion or a single page to reveal information progressively as design patterns, followed by static or a few micro interactions.
  • I thought filling out forms should be as easy as a conversation so that the chatbot might be an option as well.
  • I also looked at vacation rental-based sites to analyze user flows and think of ways to streamline the experience.

After an internal meeting with PM and technical Lead, we decide to take the design direction close to "e-banking" and "vacation rental-based" sites.

Process

New User Flow

Based on the persona and research, the updated user flow was created to demonstrate the main structure of the process. The client and technical professionals were closely involved in this stage to make sure all stakeholders are on the same page about the scope and feasibility of the proposed features.

New user flow diagram for rental agreement registration
New User Flow: Streamlined RAR process with document upload path.
Process

Design Approach

I led the design through an 8-phase iterative process, from initial briefing through to developer handover. Each phase included client participation and approval checkpoints.

8-phase design process: Briefing, Persona, User Flow, Wireframe, Prototype, Usability Test, Visual Design, Handover
Strategic and development phases with iterative cycles.
User Flow

Lease Registration Flow

The core user journey follows a 3-step wizard that guides landlords through the lease registration process:

  1. Complete information — Rental details, tenants, guarantors
  2. Upload documents — Signed lease, insurance, diagnostics
  3. Validate lease — Review and confirm registration
Wireflow showing the 3-step lease creation process
User flow: From initial click to lease confirmation.
Wireframes

Screen Annotations

Screen 01: Tutorial

User clicks "Register lease" button in "My properties", then arrives on the Tutorial page.

  • 3 steps: Complete information, Upload documents, Validate your lease
  • Start with: either complete information OR upload documents
  • "Validate your lease" button is grayed out by default
Screen 01: Tutorial page with 3-step process
Screen 01: Tutorial page - Users can start either by completing info or uploading documents.

Screen 02: Complete Information

4 tabs: Lease, Rent, Tenant, Guarantor — to fill in and complete all information throughout the process.

  • Save & Quit: If a user wants to complete the process later, they can click "Save and quit"
  • Mode Switch: If a user wants to switch to "Upload documents" mode, they can click "Save and quit" and return to the Tutorial page
  • Tip: "Did you know?" tooltips to help guide users
  • "Validate" button grayed out by default; once fields are filled, the button becomes active
Screen 02: Information form with 4 tabs
Screen 02: Complete information - 4 tabs with progressive disclosure and helpful tips.
Design

Visual Design

The final UI uses a clean, professional aesthetic with a signature red accent color to guide users through key actions. The design prioritizes clarity and reduces cognitive load for non-technical users.

Welcome page with 3-step process overview
Dashboard: Clear 3-step process with visual progress indicators.
Rental agreement form with Loyer tab
Rent form: Clean layout with inline tooltips and RIB upload modal.
Tenant management form with inline validation
Tenant form: Inline validation and helpful tooltips.
Document upload interface
Document upload: Organized by category with clear requirements.
Responsive

Mobile Experience

The platform was designed responsive-first, ensuring property owners could manage their rentals on-the-go from any device.

Mobile screens showing various app states
Mobile-optimized experience for on-the-go management.
Design Principles

UX Guidelines

Before designing, we developed several UX guidelines that we would use to guide our design decisions. The guidelines outlined the overall structure and features that we would use to help make it easier for users to fill out their RAR forms.

💡

Give as much guidance as users need

📊

Meaningfully group information

☂️

Avoid complication

📋

Reveal complexity progressively

👆

Create a predictable, simple and natural interaction

Make it efficient

Interaction

Micro-interaction is Key

As you can see, the visual design of the interface and web form is flat and minimalist, so creating usability with micro-interactions that boost UX is becoming unavoidable.

After hand-over mockups/assets to front-end developers, I proposed some tips and showed them which real-time micro-interactions will support usability the best in this case, and accompany them to ensure the quality of the implementation.

Final implementation with 3-step process
Final outcome: Clean 3-step wizard with micro-interactions.
Demo: Micro-interactions in action.
Results

Final Words

Redesigning Rental Agreement registration flow is the priority for clients. It requires the complete reconsideration for the design and the backend development support. From the beginning, we worked closely with the lead developer to make sure the design is grounded with the feasible tech.

Through this project, we not only created the new minimal web form style with micro-interactions but also new clean and straightforward documents upload system for the whole site.

In the end, our clients are euphoric with the final result that we presented.

There are still two other issues to address:

  • Unclear task flow and visual hierarchy of the dashboard
  • Repetitive sections: "My properties section" and "my rental properties section"

I'll discuss them in future case studies.

← Back to selected work