Please enable JavaScript.
Coggle requires JavaScript to display documents.
Conception de site internet=> mettre en oeuvre les bonnes pratiques du…
Conception de site internet=> mettre en oeuvre les bonnes pratiques du web
UX
UI
Objectif = Créer une interface
agréable
et
pratique
,
facile
à prendre en main
Cohérence graphique avec la thématique
Choix des images (photos, illustrations...)
Choix des types d’icônes
Choix des typos
Attentes - Besoins ->
cahier des charges
Audits - Stratégies (dépendent des objectifs)
Arborescence (
https://www.gloomaps.com/
)
Optimiser la
rédaction
pour le référencement
¨PHASE DE CONCEPTION....
Méthode =
Design Responsive
(conception adaptative) = aspect et le comportement optimaux des sites sur tous les appareils informatiques personnels, du bureau au mobile (approche
mobile first
)
Persona
1- CONCEPTION
Documents à fournir (livrables)
Recherche ergonomique
Arborescence
Prototypes
Zoning
Wireframes (maquette fil de fer)
Recherche graphique
Recherche d'inspiration => Veille => Moodboard
Guide de style :
https://graphiste.com/blog/web-design-creer-style-guide
Mockup :
https://www.codeur.com/blog/generateurs-mockups-gratuits/
Conception atomique
Atomes
HTML : briques de conception. C’est
seulement
à partir de ces éléments que vous allez créer toutes vos interfaces graphiques.
Molécules
= assemblages d'atomes. une molécule joue un
rôle précis
dans l’interface : fournir une information, ou permettre une fonctionnalité comme un menu de navigation ou un panneau à onglets.
Organismes
: organismes forment des
sections distinctes
d’une interface. Par exemple, l’organisme entête de page rassemble un atome logo, une molécule menu et une molécule moteur de recherche
Modèles
: donne un aperçu de l’organisation de l’ensemble des éléments (wireframes). A ce stade les organismes sont bien ordonnés et proportionnés
Pages
: c’est l’aspect graphique final de la page, avec une haute fidélité au résultat attendu
2- RÉALISATION
CMS (wordpress) : réalisation plus facile, site administrable par le client
Installation
2- Intégration de
l'arborescence
: organisations de toutes les pages du site
1- Réglages
3- Créations des
menus
(principal, sous-rubriques)
4- Les plugins
Optimisation référencement
Sauvegarde
Intégration interfaces et maquettes (page builder / constructeur de page)
Réglages de la charte graphique
Création des
modèles de composant
(molécules et organismes)
Création des
modèles de page
(sections spécifiques et sections globales)
Intégration des
Mockups
(pages)
3- MISE EN LIGNE
Recettes
et
tests
: La recette pour un projet web est le terme consacré pour désigner la phase primordiale et néanmoins souvent maltraitée d’un projet : les tests d’acceptation. En d’autres termes, est-ce que ce qui est livré fonctionne et correspond à ce qui a été demandé.
https://blog.adimeo.com/recette-projet-web
technique
fonctionnel
Hébergement et Domaine
4- TMA (tierce maintenance applicative) : accompagnement et maintenance du site
newsletter
seo
(optimisation référencement)
nouvelles fonctionnalités
blog
Le
SEA
(""Search Engine Advertising") désigne l'ensemble des actions et moyens permettant d'acheter de la visibilité dans les moteurs de recherche
SMO
("Social Media Optimization"à) est l'ensemble des techniques et moyens permettent de gagner en visibilité sur les médias et réseaux sociaux. C'est une notion fortement lié aux communautés web (réseaux sociaux, forums, blogs, etc.).