Want to make creations as awesome as this one?

Transcript

SERVICES DE TRANSPORT HAUT DE GAMMES POUR UNE CLIENTELLE EXIGEANTE ET INTERNATIONALE

Moumen ARIFSIMPLON.CO

PROJET FINAL

CARAKTAIRCAHIER DES CHARGES

14/09/2023

11.DEPLOIEMENT

07. Conception Visuelle & interface

05.Arborescence

09.BASE DE DONnées

01.A propos de moi

08.Maquettage & Mockups

06.Parcours Utilisateur

10.DEVELOPPEMENT

12.MAINTENANCE

04. Fonctionnalités

03. Personas & BENCHMARK

02.ANALYSE DU BESOIN

SOMMAIRE

a prpopos de moi

01

PRésentation

01. About ME

Moumen arif 46 ans

Fonctionnaire territorial durant 15 ans, j'ai créé mon entreprise de VTC en 2016. Ma découverte du numérique après une formation WordPress en 2021 m'a passionné, m'orientant vers une formation en développement web et web mobile chez Simplon. J'aime résoudre des problèmes et créer des solutions concrètes. J'ai déjà été sollicité pour des projets et vise un poste de développeur junior React/Node.js après ma formation. Mon parcours est guidé par ma quête d'accomplissement et d'évolution dans le monde de l'IT.

CONSTAT & CONTEXT

02

ANALYSE DU BESOIN

Le haut de gamme peu concurrentiel mais très exigeant, offre une opportunité de croissance importante et une clientèle en demande.

Évolution du Marché des VTC : De la Libéralisation à la Nécessité d'une Présence Numérique

La libéralisation du secteur des VTC en 2009 et la digitalisation (UBER) ont propulsé le marché du transport privé, comptant désormais plus de 60 000 chauffeurs en France en 2022, contre environ 500 en 2010. Le chiffre d’affaires a atteint plus de 4 milliards d’euros en 2021. Cette croissance a engendré trois catégories distinctes : haut de gamme, premium et classique. Les deux premières offrent des opportunités de croissance, tandis que les chauffeurs indépendants se regroupent pour échapper aux fortes pressions tarifaires des plateformes. Les clients du segment haut de gamme recherchent des solutions en ligne, soulignant l'importance d'une présence numérique crédible pour les entreprises VTC.

"Côté client, l’offre haut de gamme et premium est rare sur le web. La clientèle du segment haut de gamme peinent à trouver des solutions autres que les plateformes type Uber et les taxis."

02. Constat

Prestations de transport haut de gamme pour une clientèle exigeante et internationale

une réponse à un besoin concret

Afin d’apporter une solution à cette problématique, mon projet est la création d’un site web. A cet effet j’agirais comme commanditaire des services proposés. « Caraktair » sera un site qui proposera des prestations de transport haut de gamme et premium, au départ de Paris et de l’Ile de France, pour une clientèle exigeante et internationale. « Caraktair » se concentrera sur les gammes de véhicules et les prestations les plus demandés par ses cibles.

"Le web est un canal incontournable et un élément clé de la stratégie d’une entreprise de VTC. Il offre cette possibilité d’être présent et visible constamment, en tout temps et en tout lieu."

02. Context

02. attentes & objectifs

objectifs

  • Générer du trafic qualifié
  • Toucher les clients Internationaux
  • Etablir une présence en ligne solide
  • Augmenter les reservation

Attentes

  • Attirer puis convertir les visiteurs en prospects puis en clients
  • Fidéliser les clients
  • Attirer de nouveaux partenaires (clés d’or, palaces parisiens et hôtels 5 étoiles, tours opérateurs)
  • Augmenter mon chiffre d’affaires

03

archetype utilisateurs

Personas

04

analyse concurrentielle

benchmark

CHABE limousine

Pionnier de la Grande Remise en France (depuis 1921). Groupe familial, Chabé est expert du transport sur mesure.

04. Benchmark

SERVICE PRESTIGE

Crée en 1985, siège basé à l’aéroport du Bourget. En croissance constante

04. Benchmark

CARDEL GROUP

Crée en 1999, Cardel global fusionne avec Nornes (gestion des installations d'entreprise et de la logistique des voyages dans l’industrie du sport) en 2020 et devient Cardel Group.

04. Benchmark

Conclusion de l’analyse concurrentielle

Ces résultats nous confortent dans notre stratégie : • Limitation aux offres et gammes les plus demandées • Simplification du processus de réservation. • Site adaptif accessible ergonomique • Proposer un formulaire moderne, intuitif et optimisé pour l’UI/UX • Proposer la commande et le paiement en ligne (v2) Nous opterons pour un style simple et épuré, nous sommes convaincus que conformément à la loi de Pareto 20% des éléments de notre site provoqueront 80% des objectifs.

04. benchmark

05

Descriptif & contenu

FONCTIONnALITES

05. Fonctionnalités

06

navigation & maillage interne

Arborescence

06. Arborescence

06. Arborescence

07

Personas Flows

PARCOURS UTILISATEUR

07. Parcours utilisateur

08

Visuelle & interface

Conception

NUAGE DE MOTS

Un brainstorming à été réalisé en amont de la conception visuelle.Cette recherche de mots clés c'est faite durant un atelier avec mes collèges de formation et avec l'aide d'amis chauffeurs vtc.

08. BRainstorming

ANALYSE DIFFérentielle

La méthode d'Osgood a été appliquée aux mots résultant du brainstorming afin de les filtrer pour ne concerver que les plus pertinents pour le projet.L'analyse différentielle est basé sur deux critères: Pertience et Nécessité.Une note entre 1 et 5 est attribuée pour chaque mot et pour chaque critère pour evaluer sa force.Le point noir indique la note : le plus à gauche 1 ; le plus à droite 5.Les mots clés sélèctionnés nous permettent d'établir une planche de tendances ou d'inspirations (Moodboard).

08. Echelle d'osgood

Haut de gamme

Transfert

Déplacement

CARAKTAIR

Prestation

Événementiel

KEYWORDS

Luxe Prestige Finesse Exclusif Elégant Rafinement

08. MOODBOARD

Nom et logo

Le nom CARAKTAIR en lettre capitale rappel la singularité et le raffinement, cette combinaison de sons et de lettres crée une marque qui respire l'élégance et l'exclusivité.La marque suggère également un luxe discret, associé à l'élégance intemporelle. Le C en fome hexagonale est évocateur de stabilité et de structure, il permet de transmettre les valeurs de confiance et de fiabilité.L'hexagone est une forme géométrique élégante, avec ses angles équilibrés et ses lignes épurées il renvoie à l'idée d'une élégance qui transcende les tendances passagères, offrant ainsi une expérience intemporelle et inoubliable.Enfin, les angles vifs de l'hexaogone evoquent un sentiment de dynamisme et d'énergie, contribuant à créer une sensation de mouvement et d'action.

08. Charte Graphique

Psychologie des couleurs

Les couleurs retenues pour la conception visuelle du site, à savoir le noir, le bleu nuit, le blanc, le jaune or, évoquent des émotions et des associations psychologiques spécifiques.Le noir évoque la sophistication, l'élégance et la puissance. Il est souvent associé au luxe et à l'exclusivité. Le noir peut être utilisé pour créer une atmosphère chic et prestigieuse sur le site. Il rappelle les couleurs de la profession.Le bleu nuit est synonyme de calme, de confiance et de sérénité. Il peut évoquer une sensation de sécurité et de fiabilité. Le blanc symbolise la pureté, la simplicité et la clarté. Il est souvent associé à la propreté et à la transparence. Le blanc est idéal pour les arrière-plans de site web, car il permet une lecture facile du contenu. Il peut également renforcer l'image de qualité et de professionnalisme.Le jaune or évoque la richesse, la chaleur et la luminosité. Il peut créer une sensation d'optimisme et d'abondance. Le jaune or peut être utilisé pour mettre en avant des éléments importants, tels que les boutons d'appel à l'action, pour attirer l'attention des visiteurs.

08. Charte Graphique

TON de la communication

Notre charte éditoriale repose sur les valeurs fondamentales de luxe, d'exclusivité et d'élégance, en accord avec les mots-clés du brainstorming que nous avons sélectionnés.Nous mettrons en avant des contenus rédigés avec soin, reflétant notre engagement envers la qualité et la personnalisation.Utilisation d'un langage soigné et précis pour transmettre une image de qualité supérieure.Adopter un ton professionnel pour instaurer la confiance chez les visiteurs.

08. Charte éditoriale

Boutons
Icônes
Typographie

Call to action

Noir de texte

Blanc pur

Déclinaison

Blanc cassé

Noir de titre

Palette de couleurs

Dominante

08. STYLE TILES

Test de contraste

Afin que notre contenu soit accessible au plus large public de manière optimale, nous avons veillez à respecter le niveau AA du référentiel WCAG (Web Content Accessibility Guidelines).Le site https://www.siegemedia.com/contrast-rationous a permis de vérifier nos contrastes.

08. matrice des couleurs

09

ZONING WIREFRAME

Maquettage & MocKUP

09. ZOning

09. Wireframe

09. Maquette

09. MOCKUP

10

méthode Merise - mcd - mld - MPD

BASE DE DONnées

Choix de la méthode de conception

Plutôt que de choisir la méthode UML (Unified Modeling Language - Langage de Modélisation Unifié) nous lui avons préféré Merise comme méthode de conception de notre projet.le MCD permet de définir les données à manipuler.le MLD permet de structurer les données à manipulerle MPD permet de définir le stockage des informations à manipuler dans notre base de données.

10. méthode merise

1,n CardinalitésPK Clés primaires

  • Entité
  • Association
Représentation graphique des données Schéma Entité - Association

10. modèle conceptuel des données - mcd

FK Clés étrangères

  • Tables
Schéma relationnelle et normalisée du MCD

10. modèle logique des données - mld

Implémentation du MLD

Pour la persistance et la manipulation des données nous avons choisi un format de stockage en base de données relationnelle SGBDR (Système de Gestion de Bases de Données Relationnelle).Notre choix c'est porté sur MySQL, dont la licence est libre, il est le plus utilisé dans les projets Web.Concernant le language il s'agirat de SQL (Structured Query Language), très largement supporté par les produits commerciaux et simple d'utilisation.

10. modèle PHYsique des données - mPd

11

technologies

DEVELOPPEMENT

CHOIX des technologies

Côté client, outre le HTML, CSS et Javascript, incontournables pour le developpement de solution web, nous avons choisi le framwork React pour sa capacité à produire des interfaces utilisateur dynamiques et réactives. Son utilisation garantit une expérience utilisateur optimale, avec une navigation fluide et des chargement rapides, tout en facilitant la gestion des composants réutilisables.Côté serveur, nous utilsions Node.js comme environnement d'exécution, il est gratuit et libre de droits. Node.js nous permet d'écrire des scripts serveur en JavaScript. Très performant, Node.js utilise le moteur JavaScript V8 de Google.JSON pour les fichiers API, son format de données léger et largement reconnu. Il permet de structurer les données de manière claire et flexible, favorisant ainsi l'intégration avec d'autres systèmes et services.Nous avons choisi de developper notre projet progressivement, GitHub et Vercel nous permettent de mettre en place notre cycle de developpement : 1. Code 2. Push (git add, git commit, git push). 3. Deploy (lien vercel)L'avantage de cette méthode est de sécurisé son code feature après feature, obtenir des feedback et tester les nouvelles features rapidement.

11. développement

12

domaine & hebergement

deploiement

HEBErgement

Nous avons choisi l'hebergeur 100% français o2switch dont les serveurs sont situé en France à Clermont-Ferrand.Leur tarifs sont très compétitifs et leur offre est unique. Bande Passante, Espace Disque et Sous-Domaines illlimités, support très réactif...Ils offrent un panneau de contrôle convivial (cPanel) qui simplifie la gestion du site web, des bases de données et des e-mails.

Nom de domaine

www.carakatair.comwww.carakatair.frwww.carakatair.netNous pensons qu'avoir plusieurs extensions de domaine peut renforcer la présence en ligne, protéger la marque (personne d'autre ne peut enregistrer un domaine similaire et potentiellement nuire à la marque), permettre de mieux cibler un public internationale. Cela offre également une flexibilité marketing (exemple : utiliser caraktair.fr pour une promotion spécifique en France) et une protection contre le cybersquattage (achat des domaines similaires dans le but de les revendre à un prix élevé).

12. nom de domaine & hebergement

12.