Noowii

Au sein d'une petite équipe de 3 personnes nous avons créé le concept Noowii : La rencontre sociale autour d'un café. L'idée est de permettre à des personnes de partager une table dans un bar, café ou restaurant et de sociabiliser. Le concept se décompose en 2 parties : la partie physique (mise en place d'un chevalet dans les établissements partenaires) et la partie digitale (application mobile).

Nous avons donc mis en place tout ce projet en 2 ans en partant de zéro. Je me suis occupé personnellement du développement de l'application mobile et du tableau de bord.

Identité

Nom : Noowii nous voulions un nom court, facile à retenir par son authenticité. Noowii sonne comme un mot chaleureux et convivial. Il peut également faire l'objet de différents jeux de mots comme "Nous" - "Oui" ou encore "Now" - "We". Le petit bonus est sa consonance légèrement Japonaise qui est un des marchés principaux que nous visions. Nom de domaine : noowii.com Le nom de domaine réutilise le nom du concept et le .com a été choisi car même si le marché premier est la France, nous voulions laisser la possibilité de s'ouvrir à l'international (dont le Japon). Logo : Le logo que nous avons conçu rassemble une tasse de café avec une bulle de dicussion. Il représente bien le concept de "papoter autour d'un café" que nous voulions mettre en avant. Identité : Pour l'identité de la marque, nous avons choisi des couleurs chaleureuse et conviviales : le orange et le marron. Ces couleurs sont souvent associées à la convivialité et à la chaleur. Nous avons également choisi une police de caractère ronde et chaleureuse.

Application mobile

L'application mobile est un élément clé du concept de Noowii. Nous voulions que pour chaque personne, il soit facile et rapide de trouver une table à partager ou des personne voulant partager une table. Il fallait donc que cette fonctionnalité soit disponible et accessible à tous.

Nous avons mis en place :

1. Le coeur de l'application, la carte :

• Elle permet de visualiser tous les établissements partenaires autour de soi avec des marqueurs et également de voir si d'autres personnes proposent de partager leur table.
• Il est possible de créer une rencontre en y définissant le nombre de place, la durée et l'établissement en question. Il faut biensur être à proximité de l'établissement pour pouvoir créer une rencontre.
• Il est possible de voir les rencontres en cours et de demander à rejoindre une table (l'auteur est alors notifié en temps réel et peut accepter ou rejeter la demande).
• Une fois sur place, une notification est automatiquement envoyée à l'auteur pour qu'il fasse signe au participant.
• A l'issue de la durée définie de la rencontre, un avis est sollicité auprès de chaque participant pour s'assurer que tout s'est bien passé ou pour nous signaler un problème.

2. La partie profil, la rencontre avec un inconnu n'étant pas tout le temps simple, nous avons ajouté quelques informations dans le profil pour initier les premiers échanges :

• Une photo de profil ou un avatar noowii
• Le prénom
• Une petite description
• Une dizaine d'informations pour briser la glace (ex. "Son film préféré" ou "Les différentes langues parlées", ...) où chaque utilisateur doit répondre afin que les autres utilisateurs puissent le connaître un peu plus avant de se rencontrer.

3. Des badges Noowii qui s'obtiennent après différents accomplissements (ex. "A partagé 10 tables", "A rencontré 5 personnes différentes", "Membre depuis X ans", ...).

Le multi-langue (Français, Anglais) était également nécessaire afin de permettre une utilisation plus aisée des voyageurs ou pour le futur à l'internationnal.

Tableau de bord

Afin de suivre les statistiques et monitorer l'application, nous avons créé un tableau de bord web. Il est possible de :

• Créer et gérer des établissements partenaires (enseigne, photo, géolocalisation, ...).
• Voir tous les utilisateurs existants et gérer d'éventuels problèmes.
• Gérer les demandes d'inscription de nouveaux établissements.
• Gérer toutes les demandes au support ou suggestions d'améliorations (avec un système de ticket initiés depuis l'application).
• Voir les statistiques de l'application (nombre de rencontres, nombre de tables partagées, total d'utilisateurs, etc.).

Site vitrine

Afin de promouvoir le concept Noowii et d'expliquer son fonctionnement, nous avons créé un site vitrine/boutique. Le but étant de pouvoir expliquer le fonctionnement du chevalet Noowii, présenter l'application mobile, vendre des lots de chevalets et inviter des commerçants non-partenaires à s'inscrire.

Nous avons donc mis en place :

• Une page d'accueil expliquant le concept Noowii.
• Une page "Comment ça marche ?" qui présente l'application dans son cas d'utilisation principal.
• Une page boutique mono-produit pour l'achat de chevalets et d'autocollants Noowii.
• Une page "Référencer mon établissement" pour permettre aux gérants d'établissements de soumettre leur candidature pour devenir partenaire Noowii.

Création de visuels

Qu'il s'agisse de l'identité visuelle ou de la création de contenu pour les réseaux sociaux, nous avons tout créé en interne. Cela comprend :

• Le logo Noowii
• La charte graphique
• Les éléments et composants visuels de l'application
• Les avatars Noowii pour les utilisateurs
• Les visuels (Stories et Posts) pour les réseaux sociaux.

Côté Tech.

L'application mobile a été développée en Ionic, elle utilise différents modules natifs de chaque appareils tels que : la géolocalisation, les notifications push et la caméra. L'application est compatible iOS et Android.

L'application fonctionne en temps réel, c'est à dire que chaque mise à jour d'un établissement, chaque nouvelle rencontre est immédiatement visible par tous les utilisateurs dans les 15 Km environnant. Pour ce faire, j'ai utilisé Firebase pour la base de données qui dispose d'un module "Real Time Database" qui permet de créer des "Observeurs" depuis l'application afin d'être notifié à chaque changement dans la base de données et ainsi d'effectuer un comportement choisi dans l'application (ex. afficher une notification, mettre à jour une liste, ...).

Le coût d'une base de donnée temps réel utilisant cette mécanique évolue de manière exponentielle avec le nombre d'utilisateurs. Il était donc important de bien optimiser les requêtes et de ne laisser dans cette base de données que ce qui nécessitait d'être mis à jour en temps réel. Les autres informations plus statiques sont stockées dans une base de données relationnelle (MySql).

Les rencontres sur Noowii sont temporaires et durent entre 15 minutes et 1 heure selon le choix de l'utilisateur, il était donc important de gérer l'expiration d'une rencontre. Pour ce faire j'ai mis en place un CRON qui tourne toutes les minutes et qui vérifie si une rencontre est expirée. Si c'est le cas, il envoie une notification à chaque participant pour leur demander de donner un avis sur la rencontre.

Pour le tableau de bord administrateur il a été fait en Angular avec un back-end en NodeJs + Express.

Pour le site vitrine, il a été fait avec le CMS Wordpress + Divi.