Czare

Czare est une toute nouvelle entreprise cherchant à développer une plateforme de mise en relation entre des professionnels de l'intérieur (cuisinistes, architectes, ...) et des artisans (poseurs, peintres, carreleur, ...). Cette plateforme serait accessible par le biais d'un abonnement mensuel et permettrait :

Pour les artisans :

1. Donner leurs disponibilités
2. Être référencés dans un annuaire d'artisans
3. Postuler et répondre à des propositions de missions
4. Suivre et commenter de A à Z le déroulement de la mission

Pour les professionnels de l'intérieur :

1. Accéder à l'annuaire d'artisans ainsi que leur planning respectif
2. Créer des annonces de chantier à réaliser
3. Proposer des missions à des artisans
4. Suivre le déroulement d'un chantier en direct

L'entreprise Czare nous a sollicité pour l'accompagner dans ce projet pour la charte graphique, la conception, le développement, la mise en place d'une landing page pour communiquer sur la plateforme et des supports de communication pour les réseaux sociaux.

Identité

Le projet étant à son commencement, tout était à faire. Le point de départ est bien évidemment l'identité, qui permet de créer des codes visuels, un logo, une marque.

1. Le nom : Czare. Volonté du client de se baser sur le nom "César". Pour des raisons d'identité nous avons opté pour une syntaxe rendant la marque un plus unique en modifiant l'orthographe et en choisissant le "Z" comme symbole.
2. Le nom de domaine : czare.fr. Correspondance parfaite disponible. Czare ne vise que le marché français, le .fr était donc une évidence.
3. Identité visuelle : Choix du "Z" comme symbole représentant la marque. L'incrustation de ce type de logo est aisé quelque soit le support. Utilisation de 3 couleurs : bleu, vert et blanc. Le logo utilise un dégradé partant du vert vers le bleu pour symboliser la notion de "mise en relation".
4. Charte graphique : Basé sur le choix du logo et des couleurs, nous avons créé toute la charte graphique qui en découle (police, tailles, couleurs secondaires, variantes du logo, conseils d'utilisation, etc.)

Conception

La création de la plateforme Czare nécessite de faire du développement sur-mesure pour répondre le plus précisément possible au besoin. Il était donc nécessaire de réfléchir à une structure de projet solide.

Dans un premier temps, la réflexion se porte sur le support à préférer : SaaS (Software as a service, une application web) ou une application mobile. Nous sommes partis du principe que dans la majeur partie du temps, la plateforme s'utilise en amont des situations de terrain (il n'y a pas de besoin immédiat d'avoir l'application systématiquement à disposition) Ensuite on se base aussi sur les différents types d'utilisateurs et les supports préférés : pour les professionnels de l'intérieur, travaillant habituellement sur un ordinateur, le SaaS est le choix le plus logique. Pour ce qui est des artisans, il y a des pour et des contres dans les 2 cas. Nous avons donc choisi de faire un SaaS responsive. De cette façon, les artisans peuvent aisément choisir leur support préféré.

Nous avons opté pour une SPA (Single Page Application) en React + NextJs ainsi qu'une API en NodeJs + Express pour des potentielles utilisations externes à venir. Structure de données MySql normalisée en 3NF. Pour répondre à la nécessité de pouvoir suivre et commenter un chantier en direct, il a fallut penser à un lien dédié à une page de chantier accessible sans être connecté et optimisé pour tous les appareils, notamment mobile (car les artisans sur les chantiers ont bien plus souvent un téléphone qu'un PC avec eux).

Développement

Nous avons décomposé l'application en 2 morceaux : La plateforme côté professionnels de l'intérieur et celle côté artisans.

Plateforme côté professionnels de l'intérieur

Nous avons mis en place :

• Un annuaire d'artisans répertoriant tous les artisans de la plateforme avec une multitude de filtres de recherche.
• Une page profil pour chaque artisan affichant les avis précédemment reçus, le nombre de chantiers complétés ainsi que le planning de disponibilités de l'artisan.
• Un module de proposition de chantier basé sur une disponibilité de l'artisan avec une description du chantier à réaliser.
• Une page publique de suivi d'un chantier en direct avec un chat intégré pour communiquer avec l'artisan et suivre en temps réel l'avancement du chantier.
• Un espace de propositions libre de chantiers pour poster un chantier disponible où tous les artisans peuvent s'inscrire pour le réaliser.

Plateforme côté artisan

Nous avons mis en place :

• Un espace candidature pour se proposer sur des chantiers libres, avec un suivi de leur demande.
• Un espace suivi des chantiers avec tous les chantiers en attente de confirmation, en cours et terminés.
• Un espace profil pour modifier leurs informations et mettre à jour leurs disponibilités
• Une page public de suivi d'un chantier en direct reliant le professionnel ayant proposé le chantier et l'artisan réalisateur. Cette page a été optimisée pour être accessible sans authentification au préalable et adapté à tous les supports et appareils.

Landing page

Nous avons mis en place une landing page permettant d'expliquer le concept de la plateforme. Le principe d'une landing page est simple : résumer en une page l'essentiel de ce que propose la plateforme, transmettre un maximum d'informations et permettre de contacter l'entreprise.

Nous avons donc créé 3 sections explicatives du concept agrémentées de visuels, une section FAQ de questions/réponses sur les questions les plus fréquentes et une section contact avec un formulaire de contact.

Créations graphique

Lors de ce projet, nous avons accompagné Czare dans diverses créations graphiques :

• Création d'un logo et de sa charte graphique
• Les maquettes complètes de l'application web. Permettant de concrétiser l'idée du client et de nous servir de base pour le développement.
• Création de visuels pour les réseaux sociaux.

Côté Tech.

L'application web a été créée en React avec Next.js hébergé sur Vercel. Nous avons créé une API externe en Node.Js avec une base de données Postgres. Nous utilisons Plesk pour faciliter la gestion et la sécurité du serveur hébergeant la Landing page et l'API. La landing page a été créée sur le CMS Wordpress pour faciliter la gestion des contenus et des informations par le client.