Rami El Maher

Directeur du design
Consultant et auditeur UX/UI

Design produitIA pour l’hôtellerieCommunication visuelle

Quicktext.

Aujourd’hui Quinta

Le web, le mobile et la marque au-delà de l’interface.

01 / Vue d’ensemble

Une expérience connectée
pour l’hôtellerie.

Données hôtelières structurées, échanges avec les clients et suivi des réservations. Un écosystème produit connecté pour les équipes hôtelières.

Quinta, anciennement Quicktext, est une plateforme de gestion et de distribution des données hôtelières. Son écosystème relie les informations des établissements, la messagerie client et le suivi des réservations. Velma, son assistante IA, répond aux questions des clients et accompagne leur parcours de réservation.

Mon travail chez Quicktext réunissait le design produit web et mobile, un langage d’interface cohérent, les revues d’intégration et la communication visuelle. Cette étude de cas retrace ce travail, de l’espace de travail produit au fil des réseaux sociaux.

L’entreprise opère aujourd’hui sous le nom de Quinta. Le travail produit est présenté sous le nom Quicktext ; les campagnes utilisent l’identité actuelle de Quinta.

Mon rôle
Directeur du design
Designer produit
Expérience chez Quicktext
Nov. 2023 — Nov. 2025
Paris / Hybride
Périmètre
UX/UI web et mobile
Design system et design visuel
Secteur
Hôtellerie
SaaS d’entreprise et IA

Le défi de conception

Des processus variés.
Un langage commun.

Une équipe hôtelière passe des informations de l’établissement dans Q-Data aux conversations clients dans Q-Hub, aux demandes de réservation dans Q-Sales et aux scénarios de messagerie dans Q-Automate. Chaque espace possède sa propre densité d’information, ses états et ses actions.

La conception visait à donner à ces différents processus une structure cohérente : une navigation stable, une hiérarchie claire de l’information et des modèles réutilisables, également adaptés aux petits écrans.

Q-HubQ-SalesQ-DataQ-SEOQ-ConnectQ-AutomateQ-SettingsQ-TaskQ-Mail

Ma contribution

Une direction,
jusque dans
les détails.

  1. 01

    Recherche et réflexion produit

    Comprendre les besoins, structurer les parcours et créer des prototypes web et mobiles.

  2. 02

    Design d’interface et d’interaction

    Concevoir les écrans et leurs différents états : filtres, messages, formulaires et actions contextuelles.

  3. 03

    Un design system cohérent

    Maintenir des modèles et des composants communs dans les espaces de travail du produit.

  4. 04

    Livraison et communication visuelle

    Examiner les interfaces après développement et prolonger la présence visuelle de l’entreprise dans ses contenus marketing.

02 / Expérience produit

De la clarté dans
l’espace de travail.

Un même langage produit, appliqué à des tâches très différentes.

01 / Q-Hub

Les conversations, dans leur contexte.

Q-Hub réunit les messages des hôtels issus du chat en direct, de WhatsApp et des SMS dans une seule boîte de réception, sur ordinateur comme sur mobile. L’écran sélectionné rapproche la liste des conversations et les informations sur le client.

Expérience produit sur ordinateur
Q-Hub / Boîte de réception partagéeCliquer pour explorer

De plus près / Q-Hub

Le message fait partie
d’un ensemble plus large.

La conversation s’accompagne du contexte nécessaire pour répondre. Les listes, les détails et les actions restent reliés dans un même espace de travail.

Q-Hub / Vue de conversationDétail de l’interface
01 / Hiérarchie

Séparer la liste des conversations du fil sélectionné.

02 / Contexte

Garder les informations du client à proximité de l’échange.

03 / Action

Placer les outils contextuels au plus près du message.

Concevoir les états

Au-delà de
l’écran rempli.

Les vues vides font partie de l’expérience. Les états sélectionnés de la boîte de réception et des demandes commerciales conservent la même structure lorsque les informations sont moins nombreuses.

03 / Expérience mobile

Un écran plus petit.
Le même contexte.

Transposer le cœur des échanges dans une expérience mobile ciblée.

01 / La boîte de réception

Trouver la conversation avant de l’ouvrir.

02 / La conversation

Réunir le message et ses actions.

03 / Contexte client

Retrouver les informations utiles à la réponse.

Fondations communes

La cohérence se joue
dans les détails.

Des rôles de couleur et des modèles d’interface réutilisables relient les écrans de la suite. Les composants communs donnent à chaque espace une structure familière.

Quicktext / Fondations chromatiques du produit

04 / Communication visuelle

Au-delà du produit.
Au cœur des échanges.

Les visuels sociaux et événementiels prolongent la présence de l’entreprise avec une typographie forte, une composition cohérente et un langage de campagne reconnaissable.

Quinta / Sélection de campagnes
Publication de campagneQuinta
Publication de campagneQuinta
Publication de campagneQuinta
Publication de campagneQuinta
Publication événementielleQuinta
Publication événementielleQuinta

Un langage de campagne

Un cadre.
Plusieurs messages.

Une palette contrastée, une typographie forte et une signature de marque cohérente. La composition laisse évoluer le message tout en conservant une campagne reconnaissable.

Communication événementielleUne idée cohérente, déclinée sur plusieurs formats.

Le travail réuni

Une direction.
Plusieurs expressions.

La même attention à la structure relie l’interface, l’expérience mobile et la manière dont le produit se présente au monde.

Ce travail reflète ma conception de la direction du design : rester proche du produit, assurer la cohérence des détails et accompagner la réflexion jusqu’à la livraison.

Découvrir l’entreprise aujourd’hui

Projet suivant

My Easy
Transfer.
Retour à tous les projets