Want to make creations as awesome as this one?

Transcript

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 !