925 Workflow

Workflow

cle

La technique

Le responsive web design

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.

Le responsive web design

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.

Standards du web

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

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

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

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.

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.

cle

La création graphique

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.

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

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

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, nous pouvons commencer à travailler sur deux nouveaux aspects:

Choix Graphiques

  • Couleurs
  • Icônes
  • Typographies
  • Images
  • Ambiance

Prototype

  • Rendu final du site sous forme d'images

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, nous pouvons commencer à travailler sur deux nouveaux aspects:

Choix Graphiques

  • Couleurs
  • Icônes
  • Typographies
  • Images
  • Ambiance

Prototype

  • Rendu final du site sous forme d'images
cle

Le site

Réalisation du site en pré-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.

Réalisation du site en pré-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

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

Mises à jour
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.

Suivi de projet en direct

Tout au long de ce processus vous pourrez suivre en live l’évolution de votre site grâce à un outil que nous mettons à votre disposition. Cela nous permettra de pouvoir échanger, valider et progresser ensemble pour votre projet.

Suivi de projet en direct

Tout au long de ce processus vous pourrez suivre en live l’évolution de votre site grâce à un outil que nous mettons à votre disposition. Cela nous permettra de pouvoir échanger, valider et progresser ensemble pour votre projet.

cle

Timeline

Movie

Arborescence

La structure de votre site se met en place.

Picture

Moodboard

La machine est lancée, nous nous inspirons…

Picture

Validation client

Cette fois c'est à votre tour de travailler un peu… Vous devez valider l'arborescence de votre futur site.

Location

Maquette

L'arborescence vous convient? Parfait! Nous allons maintenant créer la maquette de votre site.

Location

Validation client

Encore à votre tour, dites-nous si la maquette de votre futur site web vous convient!

Movie

Choix graphiques

Nous ajoutons les éléments graphiques à votre maquette.

Movie

Validation client

La balle est une fois de plus dans votre camp! Le design vous convient?

Movie

Installation CMS

C'est parti! Nous installons la base de votre site web.

Movie

Base de données

Nous créons la base de données de votre site web. C'est dans celle-ci que toutes les informations entrées dans le site seront enregistrées.

Movie

Réglages

Nous procédons à quelques réglages pour que le CMS tourne parfaitement.

Movie

Intégration & développement

C'est au tour du développeur de travailler, il met en place toutes les fonctionnalités de votre site web.

Movie

Ajout de contenu

A vous d'ajouter votre contenu au site web (images, textes, etc).

Movie

Tests

Et maintenant vous devez explorer et tester votre site dans tous les sens. Nous nous baserons sur vos retours pour régler les différentes coquilles restantes.

Movie

Production

Ca y est! Nous mettons votre site en ligne afin que le monde entier puisse y accéder ;)

cle

Réalisations

Site basilik

Élaboration du site sur la base de notre thème Basilik sous WordPress.

Site vitrine

Réalisation du design du site.
Intégration du site web sous WordPress.

Site web de vente en ligne

Réalisation du logo et du design du site.
Intégration du site ecommerce sous Magento 2.