Rent Your Paris

Secteur : Immobilier
Date : 2014-2015
Rôle : Webmaster (Responsable Web, Marketing & Communication)

Contexte

L'agence de gestion locative d'appartements meublés à Paris, Rent Your Paris, souhaite dans le cadre de son développement développer son image de marque et sa stratégie digitale afin acquérir de nouveaux clients.

Problème

L'image de marque n'est pas positionnée assez haut-de-gamme et n'est pas au regard des tendances actuelles. Quant au site, il ne dispose pas d'une interface claire, efficace, adaptée aux formats mobiles et n'a que très peu de visibilité dans les moteurs de recherche.

1.1 - Nouvelle identité visuelle

Objectif

L'objectif est de baptir une image de marque forte positionnée haut de gamme tout en véhiculant les valeurs de l'agence que sont la proactivité, la simplicité et la proximité avec ses clients. L'identité visuelle devra donc être différenciente mais uniforme sur tous les supports afin de garder une certaine cohérence dans les stratégies de communication et d'influencer positivement la perception du public.

Process

Analyse : Pour construire une identité visuelle, il est important au préalable d'analyser l'entreprise, ses services, ses concurrents et leur positionnement afin de cerner le contexte global et cadrer un territoire de marque.

Création : Nous pouvons ensuite regrouper les éléments forts de la phase précédente et commencer à déterminer les axes créatifs et la direction artistique de notre future identité visuelle. Il en ressort des propositions de style comprenant logo, charte graphique et typographique.

Déclinaison : Une fois nos éléments d'identité visuelle établis et validés, nous pouvons alors décliner les supports de communication existants : cartes de visite, plaquettes commerciales, chemises à rabat, vitrine d'agence, covering voiture, icônes, têtes de lettre, signatures mails, réseaux sociaux, ...

Résultat

Plaquette Rent Your Paris 3 volets - Verso (21x29,7)

Cartes de visite Rent Your Paris

Nouveau Logo Rent Your Paris

Carton de correspondance Rent Your Paris

Pochette Présentation Rent Your Paris - Recto Verso (24x32)

Covering Citroen Nemo

1.2 - Nouveau site institutionnel

Objectifs

Pour le fond, le nouveau site institutionnel devra présenter l'offre de gestion de l'agence, les informations de contact ainsi qu'une partie de contenu informationnel sur le secteur (législation, fiscalité). Une partie des propriétaires étant de nationalité étrangère, le site devra être accessible dans plusieurs langues.

Pour la forme, le site devra s'adapter à tout type d'écrans et navigateurs (ordinateurs, mobiles et tablettes) et faire preuve d'une interface simple, claire et propre, en adéquation avec la nouvelle image de marque.

Process

Avant même de commencer à designer le nouveau site, j'ai procédé à une série de questions en interne, analysé les visiteurs du site existant (Google Analytics) et cherché à tirer le maximum d'information sur le secteur afin de bien comprendre ce qu'est la gestion locative, à qui elle s'addresse et en quoi l'offre de Rent Your Paris apporte une plus-value.

Une fois nos personas créés et bien définis, il s'agissait alors d'effectuer un audit ergonomique et technique portant sur l'architecture, l'expérience utilisateur, l'information, la persuasion, l'utilisabilité et les performances globales afin d'en analyser les forces et les faiblesses pour pouvoir transformer nos idées d'amélioration en MVP (produit minimum viable) avec des spécifications détaillées.

J'ai ensuite designé les premiers prototypes et produit le guide de style de ce qui serait la première version du MVP via une série d'itérations et de retours des équipes : nous avons donc décidé de partir sur un site one-page en responsive design et au style flat design afin de coller aux tendances actuelles.

Une fois notre design validé, nous sommes passé au développement et à l'intégration du MVP sous Wordpress avec Bootstrap avant de procéder à l'optimisation du référencement naturel et la mise en ligne du site.

Résultat

  • Nouveau site "one page" en responsive design disponible en 9 langues
  • Apparait en 1ere page de Google sur « gestion locative paris »
  • Fiche d'établissement Google Maps (1ere page Google)

Guide de Style du site Rent Your Paris

Comparaison Avant / Après du site Rent Your Paris

Analyse des performances de la page d'accueil par Google PageSpeed

2 - Skywalker (Back Office)

Contexte

Les équipes utilisent de nombreux outils et logiciels différents, sans que les informations soient reliées entre ces derniers, rendant le traitement des réservations plus fastueux.

Problème

Le logiciel de gestion utilisé manque de fonctionnalités pour correspondre pleinement aux besoins de l'activité de l'agence et n'est accessible qu'aux équipes de réservation.

Solution

Développement en interne d'un back office centralisant les informations sur les appartements, les réservations et les équipes via l'utilisation d'API permettant d'améliorer la productivité des équipes et le processus de traitement des réservations.

Le back office devra être accessible depuis un ordinateur ou un mobile, avec ou sans connexion à Internet.

Caractéristiques principales : Ajouter/Modifier un appartement; Ajouter des documents par appartement; Gestion des dépenses; Inventaire d'un appartement; Ajout/Attribution d'interventions; Messagerie instantanée; Accès rapide aux différents outils externes.

Process

  • Cas d'utilisation UML
  • Spécifications fonctionnelles
  • Parcours utilisateurs
  • Prototypage / Intégration
  • Programmation de la web app en HTML / PHP / MySQL / Javascript avec support de l'Offline Storage

Webapp : back-office de Rent Your Paris

application back-office de Rent Your Paris - Flux utilisateur

Maquette d'application back-office de Rent Your Paris

3 - Clés digitalisées (QR code)

Contexte

Chaque appartement dispose de jeux de clés, dédiés aux différentes équipes intervenants dans les appartements (agent d'accueil, femme de ménage, agent de maintenance).

Problème

Impossible de savoir sans vérifier l'inventaire des clés si un jeu est disponible dans l'agence ou dans le cas contraire, si un agent ne les a pas gardé avec lui ou reposé au mauvais emplacement.

Solution

  • Apposer un QR-code à chaque jeu de clé : à chaque équipe d'intervention sa couleur.
  • Pouvoir scanner les clés depuis son mobile (iOS / Android / Windows) pour enregister le suivi des actions .
  • Empecher un agent de prendre la mauvaise clé : les clés peuvent être scannées uniquement si une intervention est prévue.
  • En cas de perte (scan par une personne tierce), afficher les cordonnées de l'agence.
  • Génération automatique des QR-codes et insertion en BDD lors de la création d'un nouvel appartement.

Process

  • Inventaire des clés
  • Insertion des données en BDD
  • Génération des QR-codes
  • Programmation d'un module de génération de QR-codes dans Skywalker

QR-codes Rent Your Paris