Malle & Cognac
Ouvrez la valise
Sommaire
Mise en ligne
06
01
06
03
04
05
02
Brief
01
Wireframe
02
Intégration
03
Développement
04
Recette
05
Côté Client, il faut fournir le brief et cahier des charges, ainsi que les informations dont l'agence pourrait avoir besoin dans les étapes qui vont suivre.
Côté Agence, les premières tâches à accomplir sont de :
- Cerner les besoins et objectifs du client
- Identifier le public cible et établir un Persona
- Chercher l'âme, la force unique du Client, sur laquelle baser les chartes éditoriales et graphiques.
- Examiner la concurrence dans la vente de malles et de Cognac, avec une charte éditoriale familiale
Pré-Production
Réflexion avant projet
Suite
Brief / Cahier des charges
Voici les étapes que vous allez devoir suivre pour mener à bien votre projet de conception de site web. Chacune de ces étapes aura des entrants et livrables différents que nous allons vous détailler.
Grandes Phases
6 étapes d'un projet digital
Pré-production du site, mise en place des éléments requis.
+ INFO
+ INFO
+ INFO
+ INFO
+ INFO
+ INFO
Wireframe / Maquette
Élaboration du WireFrame puis de la Maquette du futur site.
Intégration
Développement Front-End du site, début de sa conception.
Développement
Développement Back-End PHP et Javascript.
Recette
Essais sur les différents navigateurs, corrections.
Mise en ligne
Hébergement et ouverture du site au public..
Réunions
Entrants
Livrables
Discussion entre l'Agence et le Client pour mettre au point les différentes règles à respecter lors de la conception du site.
Début d'idées sur la conception du site web.
Brief / Cahier des Charges
Première étape
Cette étape sert à placer les bases du projet. Les responsabilités de chacun et l'organisation y seront décidées.
Le seul entrant est le Cahier des Charges du Client, et le livrable sera l'organigramme mis en place.
2
3
1
Lorem ipsum dolor
Cette maquette permet de savoir exactement où se situe l’information sur la page du site internet, et si elle est véhiculée via des images ou du texte. Cela vous permet notamment de hiérarchiser l’information sur votre page web, tout en vous assurant que vous communiquez assez sur votre projet digital, et efficacement.
Wireframe
deuxième étape
Adobe XD
Demande du Client
Maquette finalisée
CONCEPTION
ENTRANTS
LIVRABLES
La phase d’intégration permet d’éprouver les maquettes graphiques en créant et en intégrant les composants dans une maquette fonctionnelle de votre produit.
Intégration
troisième étape
Début de brouillon
Transposer le WireFrame en HTML
À partir de la Maquette
On rend la vitrine du site
On part de la Maquette
Et du Site Front-End
Et on obtient le site semi-finalisé
Ajout du Back-End au site, avec le développement des serveurs en PHP et du dynamisme du site avec le JavaScript.
C'est le moment où le site devient professionnel.
Développement
Quatrième étape
Cette étape est traitée encore une fois par les développeurs-intégrateurs web, qui vont compléter le travail commencé lors de l'étape précédente.
2
3
1
Lorem ipsum dolor
Lorem ipsum dolor
Avis du client, essais sur les différents navigateurs, appareils, essai du responsive, correction des bugs, derniers ajouts...
Recette
cinquième étape
Site semi-finalisé
Cahier des Charges
Site finalisé
ENTRANT
ENTRANT
LIVRABLE
Lorem impsun dolor sit
Consectetur adipiscing elit ultrices nec aptent, est faucibus bibendum rutrum himenaeos gravida orci dictum aliquam montes, ac commodo primis ut feugiat libero donec varius dis.
Mus est dis libero ac sodales lobortis ullamcorper.
Lorem ipsum dolor sit amet
Line 1:
Congue condimentum sem arcu nascetur.
Line 2:
Congue condimentum sem arcu nascetur.
Line 3:
Congue condimentum sem arcu nascetur.
Line 4:
Congue condimentum sem arcu nascetur.
Lorem ipsum dolor sit amet
Line 1:
Congue condimentum sem arcu nascetur.
Line 2:
Congue condimentum sem arcu nascetur.
Line 3:
Congue condimentum sem arcu nascetur.
Line 4:
Congue condimentum sem arcu nascetur.
Mise en ligne du site et bilan avec le client, suivi des résultats, relevé des commentaires, paiement.
Mise en ligne
dernière étape
Adrien Bruel
Alexandre Morin
Arthur Jenck
Mike Guibourdin
ECV Digital Paris
Merci !