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
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....
Objectif = Créer une interface
agréable
et
pratique
,
facile
à prendre en main
Cohérence graphique avec la thématique
Choix des types d’icônes
Choix des typos
Choix des images (photos, illustrations...)
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 graphique
Guide de style :
https://graphiste.com/blog/web-design-creer-style-guide
Recherche d'inspiration => Veille => Moodboard
Mockup :
https://www.codeur.com/blog/generateurs-mockups-gratuits/
Recherche ergonomique
Prototypes
Wireframes (maquette fil de fer)
Zoning
Arborescence
Conception atomique
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
Pages
: c’est l’aspect graphique final de la page, avec une haute fidélité au résultat attendu
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
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.
Atomes
HTML : briques de conception. C’est
seulement
à partir de ces éléments que vous allez créer toutes vos interfaces graphiques.
2- RÉALISATION
CMS (wordpress) : réalisation plus facile, site administrable par le client
Installation
4- Les plugins
Sauvegarde
Intégration interfaces et maquettes (page builder / constructeur de page)
Création des
modèles de composant
(molécules et organismes)
Création des
modèles de page
(sections spécifiques et sections globales)
Réglages de la charte graphique
Intégration des
Mockups
(pages)
Optimisation référencement
3- Créations des
menus
(principal, sous-rubriques)
2- Intégration de
l'arborescence
: organisations de toutes les pages du site
1- Réglages
4- TMA (tierce maintenance applicative) : accompagnement et maintenance du site
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.).
nouvelles fonctionnalités
seo
(optimisation référencement)
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
newsletter
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