COGITO ERGO SUM
Après la reflexion, le COGITO.
Conception Graphique & WebDesign
La conception graphique
La conception graphique consiste à concevoir, des supports de communication visuelle ; Logos, Flyers, Affiches ; à destination d’un affichage sur écran ou pour l’ impression papier.
Le graphiste n’est pas obligé de maîtriser les langages de programmation, il est principalement axé sur l’identité et le contenu visuel du site ou de la campagne marketing.
Le webdesign
- Le webdesign ou design graphique se concentre sur la création du site internet,
- de l’interface web
- et l’expérience utilisateur,
- ainsi que sur l’architecture interactionnelle,
- l’organisation des pages, l’arborescence
- et la navigation dans le site web.
Les connaissances technique nécessaire au design web sont le HTML, le CSS, le JS est un plus et un bon sens des principes de conception visuelle.
Une Identité Visuelle
Move-Hover => Try me.
Le LOGO
C’est une représentation graphique donnant la possibilité d’identifier en un coup d’œil un produit, service ou une marque.
Caractéristique
Identification : Il permet d’être reconnu rapidement par le public et de se déparquer de la conccurence.
Composition : Il associe souvent un symbole, une forme graphique et un nom typographique.
Simplicité : Un bon logo est clair, mémorable et adapté à tous les supports de communication. petite-entreprise.net
Le Slogan
C’est une brève formule frappante , publicitaire , concise et originale, conçue en vue de bien inscrire dans l’esprit du public le nom de votre produit, de votre entreprise.
DREAM BIG
Trust your crazy idea
|
|
||
LOGO |
|||
|---|---|---|---|
|
|||
COULEURS |
|||
|
#000
#fff
|
|||
TYPO |
|||
JOST Sans Serif0123456789 abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ |
|||
SLOGAN |
|||
DREAM BIGTRUST YOUR CRAZY IDEA |
|||
#fc00fc
#f70000
#ffb700UX / UI & ERGONOMIE
La Recherche UX
UX : User experience ou expérience Utilisateur
La recherche UX est la base indispensable pour un bon site Web.
C’est le rapport entre l’utilisateur et l’utilisation d’un produit.
Comment se sent-il en utilisant une bouteille de ketchup en verre.
Comment se sent il avec une voiture possédant toutes les options.
La Recherche UI
UI : User Interface ou Interface Utilisateur
C’ est la partie d’un site Web en relation direct avec l’utilisateur.
Il doit être claire, réactif, pratique, accessible, facile à prendre en main. Chaque éléments graphiques est important, typographie, couleurs, images.
Une voiture performante avec toutes les options c’est mieux avec le confort…
La recherche UX est la base indispensable d’un bon site Web.
Une bonne recherche UX, passe par différentes étapes comme :
Le processus de conception d’expérience utilisateurs.
- l’empathie à l’égard de vos utilisateurs pour comprendre leurs besoins et leurs difficultés.
- L’élaboration des énoncés de problèmes pour définir les besoins de votre utilisateurs.
- La génération d’idées de solutions possibles aux problèmes des utilisateurs.
Mener des recherches UX et tester les premiers concepts
- Planifier et mener des études de convivialité avec ou sans modérateur.
- Synthétiser les observations des études d’utilisabilité et en tirer des conclusions.
- Partager la méthodologie et les résultats de la recherche en utilisant des techniques de présentation persuasives.
- Modifier les conceptions basse fidélité sur la base des résultats de la recherche.
Créer des conceptions et des prototypes hautes fidélité
- Créez des maquettes et des prototypes haute-fidélité dans l’outil de conception Figma.
- Définir et appliquer les éléments et principes courants de la conception visuelle.
Créer des interfaces utilisateurs(UI) dynamiques pour les sites web
- Appliquer chaque étape du cadre de pensée UX (empathie, définition, idéation, prototypage, test) pour créer un site web dynamique.
- Planifier l’architecture de l’information et les plans de site pour la conception des sites web.
- Appliquer des mises en page communes pour les pages web.
- Réalisez un projet de conception
Mots-clés et termes essentiels
Phase de recherche & conception
WireFrame :
Une maquette simple en noir et blanc qui montre la structure d’une page sans les détails graphiques.
User Flow / User Journey
Cartographie complète de toutes les étapes et émotions par lesquelles passe un utilisateur pour accomplir son objectif. Wolfox
Persona
Un personnage fictif qui représente le client idéal ou l’utilisateur cible d’un service.
Éléments d’Interface
Call to Action (CAT) :
Un bouton ou un lien qui incite l’utilisateur à faire une action précise (par exemple : « Acheter », « S’inscrire »). Wolfox
Responsive Design
Technique de conception qui permet à une interace de s’adapter automotiquement à la taille de tous les écrans (mobile, tablette, ordinateur).
Affordance
La capacité d’un élément graphique à montrer clairement comment il s’utilise (par exemple, un bouton en relief qui donne envie d’être cliqué). ads-com
Design Système
Bibliothèque centrale qui regroup tous les composants graphique et règles de codes pour garantir l’harmonie d’un produit. Team UX
Expérience & Psychologie.
Accessibility (A11y) :
Pratique qui consiste à rendre un produit numérique utilisable par tous, y compris les personnes en situation de handicap.
Biais Cognitif
Un mécanisme de pensée qui influence la façon dont un utilisateur perçoit une interface. Usabilis
A11y
Définiton : Le terme vient du mot accessibility. Le chiffre 11 remplace les 11 lettres entre le « a » et le « y ».
Objectif : Permettre aux personnes en situation de handicap (visuel, auditif, moteur ou cognitif) d’utiliser les sites et les applications.
Public : Cela aide aussi les personnes âgées ou celles ayant des gêne temporaire (un bras cassé par exemple)
Newsletter & Emailing
Le Mardi et le Jeudi 1 à 8 fois /mois Pour grossir la base de données Maintenir un engagement Acquérir de nouveaux Clients
La Newsletter
C’est un outils d’information et de communication qui s’adresse à une liste d’individus ayant souscrit à la Newsletter.
C’est une lettre d’information périodique, un email envoyé par les entreprises pour partager des informations sur son activité.
Activité commerciale, actualité, nouveauté…
L’Emailing
L’Emailing est une méthode marketing qui qui consiste a envoyé un e-mail aux contacts d’une base de données.
C’es un moyen de communication commerciale de masse afin fidéliser , de prospecter ou encore d’informer le client.
Référencement Naturel & SEO
Le SEO
Le SEO (Search Engine Optimization) ou Référencement Naturel, consiste à aider les moteurs de recherches à trouver, à interpréter votre contenu.
C’est l’ensemble des techniques mises en œuvre pour améliorer la position d’un site sur les pages de résultats des moteurs de recherches.
Rédaction SEO
La meilleur conduite à tenir pour une bonne rédaction SEO est :
de Définir la cible
Plus vous connaitrez votre cible, plus vous saurez comment écrire votre contenu. Si votre cible veux du Homard, vous ne lui créerez pas du contenu pour une tablette numérique. Cela peut paraitre bête mais un hors sujet est vite arrivé.utiliserai mes balises magiques et Méta, des liens internes et externes pertinents et l’optimisation de la vitesse de chargement des pages.
La recherche des mots clés
Maintenant que vous connaissez votre cible, vous devez connaitre ses mots clés, son vocabulaire, ses termes.
La création de contenu
Cela consiste à créer des ressources web (textes, images, vidéos), en rapport avec votre produit et votre cible. Comme la concurrence est plus importante sur le Web, la meilleur stratégie est de créer du contenu de qualité, unique, informatif.
L’optimisation SEO
Vous avez maintenant la totalité de votre contenu à disposition. Il est temps de l’optimisé pour le SEO. C’est probablement là que je vous suis indispensable et que j’utiliserai mes balises magiques et Méta, des liens internes et externes pertinents et l’optimisation de la vitesse de chargement des pages.
Hébergement & mise en ligne
Hébergement
C’est l’acte de mettre votre Site Web sur un serveur pour obtenir sa visibilité en ligne.
L’hébergeur est un espace de stockage, dans un datacenter distant, qui permet de publié les fichiers de votre site Web sur Internet.
C’est grâce à l’hébergement en ligne sur un serveur distant que toute personne sur le web peut accéder à votre site.
Un Data Center
Un Data Center ou centre de données, est une infrastructure composée d’un réseau d’ordinateurs et d’espaces de stockage. Cette infrastructure hautement sécurisée est utilisée par les entreprises pour organiser, traiter, stocker et entreposer de grandes quantités de données.
Un Data center est un ensemble de serveurs, où chaque serveur est un ordinateur ultra performant, avec beaucoup de mémoire, de l’espace de stockage et un ou plusieurs processeurs puissants.
Un Serveur
Un serveur est un Système informatique permettant la consultation directe d’une banque de données ; organisme exploitant un tel système.
Serveur de base de données.
