ACCÉLÉRER
LA GESTION
DES FLUX
DE TRAVAIL.
QUI EST LE CLIENT
AP Agency
AP développe des solutions logicielles sur mesure pour automatiser les tâches redondantes et améliorer la qualité de travail des entreprises et organisations de toutes tailles.
DEMANDE DU CLIENT
Avoir une trop une vaste étendue de services peut parfois rendre confus. C'est pourquoi il était nécessaire pour cette entreprise de créer des marques spécifiques pour présenter leurs solutions les plus abouties. Dans ce cadre, le goal est de présenter AP en tant qu'agence de développement de solutions logicielles sur mesure pour automatiser les tâches redondantes et améliorer la qualité de travail des entreprises et organisations de toutes tailles. Cela, avec une identité de marque à part entière.
EXPERIENCE RECHERCHÉE
AP est une équipe constituée de consultants et développeurs spécialisés en automatisation qui travaille avec des organisations et entreprises de toutes tailles et qui développe des solutions de gestion conduisant les résultats à travers une expérience plus simple. Bien que l'équipe se déplace dans les locaux de leurs clients, leur principale activité se déroule à travers le web, c'est pourquoi il est important que la communication soit simple et accessible pour sa cible.
Informations concernant la requête du client
Date :
01.08.2021
Client :
Agence AP
Categories :
Identité visuelle, landing page, agence digitale, automatisation
Tags :
Branding, brand identity, logo, mascotte, site, imagerie publicitaire, packaging
Les valeurs importantes pour le client
Refocalisez vous sur votre création de valeur. Tandis qu'AP est :
ADAPTABLE
EFFICACE
RENTABLE
SOLUTION PROPOSÉE
La création d'une image de marque et la conception de site et application pour une agence digitale spécialisée dans la création de logiciels d'automatisation de la gestion administrative basée en Wallonie.
Nous avons travaillé au positionnement de la marque et à la création de son système d'identité visuelle et verbale ainsi que sur ces supports de communication de sorte à être accessible au segment de marché défini. Le symbole de la marque est un cercle, représentant un point tel qu'AP met un terme au travail redondant et qui ne sert pas à créer de la valeur. Mais aussi représentant les cycles tel que les solutions d'AP sont toujours en évolution pour délivrer de meilleurs résultats.
Nous avons créé un simple univers moderne qui tend à éclairer la marque et inclut des éléments graphiques qui sont des variations du symbole - une approche qui est répétée sur les supports et les applications web comme un dispositif natif, devenant ainsi synonyme de la marque.
Le site web poursuit cette énergie en présentant les services et solutions d'automatisation de manière transparente, en mettant l'accent sur la convivialité, les systèmes de navigation simple et un flux de contenu bien pensé. La typographie massive est associée à des empattements délicats et à des mises en page organiques pour compléter le travail de ces artistes numréiques. Un personnage créé pour mener le récit du lecteur et l'intégration simplifiée d'une vidéo donnent vie au contenu de manière réactive.SOLUTION DÉVELOPPÉE
EXPLOREZ LE PROJET RÉALISÉ CI-DESSOUS
La définition de votre charte graphique permet de donner un ton et de la couleur à votre communication.
#1
Introduction
Résumé de la marque.
Histoire
L'équipe coopère depuis le début des années 2000 avec différentes organisations subventionnées et spécialisées dans l'éducation formelle et non formelle. C'est en développant une plateforme ayant pour but de récupérer l'ensemble des documents des participants que l'un des membres fondateur eu l'idée de pousser l'idée d'avantage. Ainsi, après plusieurs années de recherches et de coopération, AP voit le jour en 2021 et est incubée par DGM Dynamics.
Mission
La mission d'AP est de simplifier et de démocratiser l'automatisation de processus sur mesure pour les organisations petites et moyennes entreprises.
Cible & personas
Identifier le profil du client vous permet de savoir directement à qui vous addresser et de quelle manière.
Client persona
Annick a 35 ans et travail dans une organisation non gouvernementale en tant que gestionnaire de formations où elle donne également des cours à une cinquantaine d'élèves quatres fois par mois.
Annick souhaiterait réaliser la gestion de leur formation de manière plus simple et plus efficace.
Malheureusement, il n'y a pas d'outil adapté à leur flux de travail.
Alors Annick et son équipe copient collent des données de mails à documents.
Cela prend en moyenne 20 minutes par inscrit.
Annik recherche un assistant virtuel ou un système qui peut l'aider dans son planning déjà chargé à assumer l'administration pour ses formations. Elle veut aussi partager son expérience avec ses apprenants, collègues et partenaires.
Annick Formatrice
Trait(s)
- Sociale et sur d'elle
- Travaillant beaucoup et cultivé
- Généreurse et passionnée
Intérêt(s)
Donner cours et partager sa passion durant des formations.
Comportement(s)
Délègue quitte à employer quelqu'un pour réaliser le travail administratif.
Frustration(s)
Doit fournir énormément de travail administratif pour réaliser sa passion.
Goal(s)
Avoir plus de temps pour se focaliser sur ses étudiants.
Journey Map
La création d'une journey map permet de comprendre comment diminuer ou éliminer les sources de frictions entre vos clients et vos produits et ou services.
Annick est dépassé car elle n'a pas assez de temps. Elle voit une publicité sur instagram pour les services d'automatisation AP. Elle en parle autour d'elle et on lui recommende.
Point de contact
- Réseaux sociaux
- Publicité
- Partenaires
Intentions
J'ai besoin de plus de temp pour gérer toute l'administration.
Emotions
Dépassée
Idée
La publicité manque d'une information sur l'option abonnement avec mises à jours. Ajouter cette mention.
Annick demande à des partenaires et collègues si ils ont utilisé le système AP pour les formations. Un partenaire le recommende. Elle a aussi vu les revues googles. Annick décide de contacter AP.
Point de contact
- Articles
- Peer reviews
- Contact et demande les services AP
Intentions
Il est temps ! L'administration de la gestion de mes formations doit être automatisée !
Emotions
Relax
Idée
La plateforme manque d'un aspect convivial. Ajouter un système de communauté rendra cela plus attractif.
Annick a une version d'AP qui a été faite sur mesure pour son flux de travail dans lequel le reporting prend une place importante. Elle est contente mais le système faisant le travail, elle n'y pense même plus.
Point de contact
- Accueil
- Paramètres
- Dashboard
Intentions
Les services que j'utilise changent tout le temps. J'ai vraiment besoin des mises à jour.
Emotions
Amère
Idée
Les systèmes que les responsables de formations utilisent changent régulièrement. Proposer une formule avec abonnement est une opportunité.
Annick se rend compte que le service qui communique avec AP a été mis à jour, ce qui n'est pas en lien avec AP. Cependant son logiciel ne fonctionne plus et il faut le mettre à jour. Elle décide de ne pas continuer avec AP.
Point de contact
- Service clients
- Suppression de l'application
- Revues
Intentions
J'en ai marre. Je dois leur dire comment faire mieux leur système.
Emotions
Triste/Fâché
Idée
Le service AP doit faire un audit continuel services tiers qui sont utilisé par ses clients. La formule abonnement peut remédier à cela.
Annick trouve des raisons à réutiliser AP. Cette fois il y a une autre formule avec un abonnement qui permet de toujours pourvoir mettre à jour son système. Chaque mois elle reçoit des points et peut participer à un challenge.
Point de contact
- Commande
- Communauté
- Service clients
Intentions
J'adore que je puisse prendre plus de temps pour mes formations !
Emotions
Éclectique
Idée
Ajouter un programme de récompenses et de loyauté avec des challenges impactant pour la commuauté qui engage à la participation.
Storyboard
La création d'un story-board permet de mieux mettre comprendre les situations, leurs acteurs et interactions.
Annick souhaite passer du temps avec sa famille, mais elle est massivement occupée avec son travail qui lui donne beaucoup de stress.
Annick parle avec un partenaire à propose des frustrations avec l'administration de son organisation et le partenaire lui parle d'AP.
A la maison, Annick recherche plus d'infos vis à vis d'AP et est plutôt contente avec les explications. Elle prend contact avec AP.
Annick est heureuse, elle a commandé à AP un logiciel sur mesure et elle peut enfin voir un peu sa famille.
Annick devient frustrée car certaines choses ont changé malgré elle dans son processus et l'automatisation n'est plus à jour.
Annick n'est pas contente et contact le service client. Le service client lui répond mais il faudra attendre un peu.
Annick n'ayant que faire de l’intérêt d'autres personnes pour AP décide de ne pas continuer avec eux si ils n'ont pas de temps pour elle tout de suite.
Travaillant à son propre compte Annick se rend à l'évidence qu'elle ne veut pas faire tout ce travail elle même.
Annick donne à AP une autre chance et tombe amoureuse de la dernière formule qui lui permet d'avoir les dernières mises à jour.
Maintenant qu'Annick reçoit les dernières mises à jour en permanence et voit une communauté active elle devient une cliente fidèle.
Personnalité
voix & ton
De bon gout
pas d'appât
Inspirant
pas irréalisable
Partenaire
pas vendeur
#2
La charte graphique
LogoType
Palette de couleurs du logo
Variations du logo
Variation A
#ffffff
Variation B
#00000
Utilisation
Ne pas faire
Ne pas faire
Brand name
Automatisation de processus
Baseline
WOWING PROCESS MANAGEMENT
#FR
ACCÉLÉRER LA GESTION DES FLUX DE TRAVAIL
Une typographie réenforçant le rôle du text est un succès.
Typographie
Code Pro Light
abcde fghijk lmnop qrstu vwxyz
ABCDEFGHIJKLMNOPQR STUVWXYZÀÁÒÈÉÊËÒÓ ÔÕÖÙÚÛÜ0123456789
ABCDEFGHIJKLMNOPQR STUVWXYZÀÁÒÈÉÊËÒÓ ÔÕÖÙÚÛÜ0123456789
ABCDEFGHIJKLMNOPQR STUVWXYZÀÁÒÈÉÊËÒÓ ÔÕÖÙÚÛÜ0123456789
Brand colors
Couleurs primaires
DONNÉES COLORIMÉTRIQUES
Orange
Hex/HTML #f9b033
HSL/TSL
38deg 94% 59%
RVB 241 180 52
CMJN 0 27 85 0
PANTONE 143 C
Rouge
Hex/HTML #e3312d
HSL/TSL
1deg 76% 53%
RVB 224 60 49
CMJN 0 88 85 0
PANTONE 179 C
Couleurs secondaires
DONNÉES COLORIMÉTRIQUES
Mauve
Hex/HTML #9e1a86
HSL/TSL
1deg 76% 53%
RVB 165 24 144
CMJN 37 100 0 0
PANTONE 248 C
Bleu
Hex/HTML #0555e1
HSL/TSL
1deg 76% 53%
RVB 7 98 200
CMJN 91 60 0 0
PANTONE 2387 C
Dégradés
#3
Elements graphique
Elements graphiques
Orbs
+
couleurs secondaires
Toute personne est un jour ou l'autre apprenant et ou organise une formation. Pour AP il est important que toute personne organisant des formations puisse rapidement s'identifier à leur cible. C'est pourquoi nous avons réalisé un personnage d'assistante de formation dans un ton de génie de série animée.
Design de personnages
Hilda
Hilda est une jeune
assistante personelle.
Design d'assistant personnel
Habits
Cheveux et peau
La conception de personnages immersifs souligne l'importance en tant qu'éléments de l'histoire qui connecte le récit et l'expérience d'un lecteur, d'un participant ou d'un utilisateur du virtuel au réel.
Les animations donnent vie à votre communication et attirent l'attention de l'observateur.
Animation
du personnage
Focus sur
le visage
Design d'assistant personnel
Rotation
Visualisation
complète
du corps
Action
au passage
de la souris
Au survol
Icones animées
Un utilisateur s'enregistre
Un mail est envoyé
Un mail est reçu
Un mail avec attachés est envoyé
Un mail avec attachés est reçu
Le mail est traité
Copie des données du mail vers un doc
Un document est généré
Une notification est reçue
Une notification est envoyée
#5
Web design
Bien plus que de longues phrases, une animation communique plus rapidement votre message.
Animation pour réseaux sociaux
Design d'une application
Votre système de gestion doit rationaliser et automatiser les processus, créant une opération plus simple, plus précise et plus efficace.
Icones de l'application
Border : solid 3 px
Border radius : 25 px
Border color : #4d4d4d
Couleurs de l'application
$app-black
#18155aTexte principal : utilisé pour les en-têtes et le texte de base.
$app-gray-02
$app-black at 74% opacity (#535184)Texte secondaire : utilisé pour les étiquettes, les sous-titres, les attributions et les boutons d'icône.
$app-gray-03
$app-black at 64% opacity (#696794)Texte tertiaire : utilisé pour les aperçus des messages et le texte d'aide.
$app-gray-04
$app-black at 52% opacity (#8483a7)Utilisé pour les horodatages.
$app-gray-06
$app-black at 36% opacity (#a8a8c1)Utilisé pour le texte désactivé.
$app-gray-08
$app-black at 14% opacity (#d9dae4)Utilisé pour les séparateurs, les bordures, les diviseurs de canaux et les arrière-plans de bannière.
$app-gray-12
$app-black at 5% opacity (#edeef2)Utilisé pour les bordures de boutons et de cartes désactivées.
Design d'une landing page
Votre landing page devrait convertir les visiteurs en clients engagés.
Landing
La landing doit offrir une visibilité complète sur vos services et les principaux aspects de votre processus de vente. Elle vous permet de vous développer sans l'ajout de coûts informatiques ou de personnel.
Automatisation
de la gestion
de formation
OUTILS
Tous les designs d'automatisation de processus ont été imaginé et dirigé par Jean Marteau et produit par notre équipe de design et animation dirigée par Monika.
DESSIN VECTORIEL
Après une série de brainstormins créatifs, notre équipe esquisse à la main les illustrations pour ensuite les digitaliser.
COREL DRAW
Pour ce projet notre équipe de design a choisit de combiner Corel Draw à l'utilisation de leur tablette graphique.
TECHNOLOGIES
Donec sed odio dui. Etiam porta sem malesuada magna mollis euismod. Nullam id dolor id nibh ultricies vehicula ut id elit. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Praesent commodo cursus magna.
HTML5
Donec sed odio dui. Etiam porta sem malesuada magna mollis euismod.
JavaScript
Donec sed odio dui. Etiam porta sem malesuada magna mollis euismod.
CSS3
Donec sed odio dui. Etiam porta sem malesuada magna mollis euismod.