realisation-projet-web

Réalisation d’un projet web

Certes, chaque projet web est différent mais cela n’empêche que la méthode pour mener à bien un projet à la même base.

Cet article s’adresse à nos futurs clients, ceux qui veulent connaître notre méthode, notre manière de gérer chaque projet.

N’hésitez pas à laisser un commentaire ou à nous écrire un email si vous souhaitez avoir plus de détails 🙂

La technique

Un projet web nécessite un savoir-faire technique pour sa mise en place, pour son évolution mais aussi pour sa visibilité…

Voici les différents points qu’il faut prendre en compte:

Le CMS

Un CMS «Content Management System» est un système qui permet de gérer du contenu sur internet sans connaissance technique particulière.
La gestion de contenu de votre site ne pourrait pas être plus simple!
Une interface administrateur vous donnera la main sur tout le contenu de votre site grâce à un éditeur aussi facile que «Word».
Nous nous chargeons de mettre en place le CMS afin que vous n’ayez plus qu’à mettre sur votre site ce que bon vous semble. Vous serez capable de gérer vos photos, vidéos, textes, etc… La grande majorité de nos projets web ont pour base le CMS «WordPress».

statistiques-CMS

WordPress

C’est le CMS le plus populaire du moment.
Il possède une interface d’administration particulièrement intuitive et il est extrêment simple d’utilisation.

Le Responsive Web Design

responsive

Aujourd’hui, nous consultons internet depuis partout (chez nous, dans le train…) et à travers de multiples plateformes (ordinateurs, TV, tablettes, smartphones…) Le contenu des pages web doit s’adapter à ces mutiples formes de consultation.

Le responsive web design regroupe différents principes et technologies qui permettent à un site web de s’adapter au terminal de lecture.
Un site web responsive modifie l’arrangement de son contenu pour un confort optimal de lecture et de navigation.

Les standards du web

standards

Les standards du web sont les différentes technologies utilisées par les sites web.

  • HTML 5
  • CSS3
  • jQuery
  • SVG
  • Sass et Compass
  • Git
  • Gulp

Etant toujours au fait des nouveautés dans ce domaine, nous sommes capable de fournir à votre site web le meilleur en terme d’accessibilité.

SEO, référencement naturel

SEO

Le SEO (Search Engine Optimisation) ou référencement naturel sert à faire connaître une site auprès des moteurs de recherche (Google, Yahoo, Bing…), c’est sa visibilité.
WordPress est, de base, bien conçu pour le référencement naturel. Nous sommes capables de donner un bon référencement à votre site. De plus, nous sommes à même de créer des campagnes de publicité et de l’optimisation particulière afin d’améliorer la visibilité de votre site web.

La création graphique

Les fondamentaux

fondamentaux

Le monde bouge, les technologies avancent, les tendances changent, tout ce qui nous entoure est en perpétuelle mutation. Il est primordial pour nous, professionnels du web, de nous informer chaque jour sur les changements dans nos domaines autant techniques que graphiques.

Veille technologique

Nous sommes toujours au fait des dernières techniques et des derniers standards du web.

Inspiration

Nous restons au courant des dernières tendances ainsi que des fondamentaux pour un graphisme dans l’ère du temps.

Moodboard

moodboard

Pour chaque nouveau projet, nous nous mettons en quête d’ambiances, de couleurs, d’idées en lien avec le thème traité. Cela nous permet de dégager un état d’esprit, un ressenti global qui sera mis en avant sur le futur site web.

Arborescence

arborescence

 

L’arborescence est la représentation de l’organisation d’un site.

Elle permet de définir le nombre de pages que comprendra le site ainsi que leur dépendance.

Maquette

maquette

La mise en place d’une maquette* de site web permet de se faire une idée des futures pages web.

Une maquette se présente sous la forme d’un schéma représentant la mise en page de l’information, avec très peu ou sans indication graphique.

Une fois la maquette terminée, on peut commencer à travailler sur deux nouveaux aspects:

Choix graphiques

  • Couleurs
  • Icônes
  • Typographies (polices de caractère)
  • Images
  • Ambiance

Prototype (en fonction des options choisies)

Rendu du site final sous forme d’images

Le site

Réalisation du site en pré-production

Un site en pré-production n’est visible que par 925 et le client.

pre-production

Durant cette phase de pré-production, nous mettons en place le CMS

  • Installation
  • Création de la base de données
  • Réglages
  • Création des comptes utilisateur
  • Intégration et développement front-end (thème sur mesure)
  • Ajout du contenu*

Durant cette phase, nous restons en contact avec le client pour les validations.

Une fois le site validé, le site passe en production.

Maintenance

maintenance

Une fois le site lancé nous assurons la maintenance en cas de coquille non détectée durant les phases de test.

Mises à jour (en fonction des options choisies)

Le «Web» est vivant et au cours de la durée de vie d’un site internet il n’est pas rare, voire fréquent, de procéder à des mises à jour de sécurité sur WordPress. Là aussi, nous vous garantissons ces dernières.

Timeline d’un projet web

timeline

 

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *