Création de site web et charte graphique

Homéric de Sarthe

Pour la création de ce site web, j’ai conçu le design responsive de l’ensemble des pages et créé la charte graphique web à destination du développement web.

La charte graphique web est un document listant les règles de design lors de la création d’un site web. Cette charte a pour objectif de faire gagner beaucoup de temps lors du développement du site et d’assurer une bonne cohérence entre les éléments.

La création de ce site comportait la présentations de 2 éléments. D’une part les podcasts et d’autres parts les livres. Lors de la création du cahier des charges, il a été défini que chaque élément aurait sa propre couleur.

Le choix s’est porté vers un bleu métallique pour les podcasts et un jaune vif pour les livres. Ces deux couleurs fortes répondaient à la volonté de dynamisme et de modernité voulue par le client.

La création de la bannière en Home Page a été le point de départ pour créer l’univers graphique d’Homéric.

J’ai voulu reprendre l’arc présent dans le logo que j’avais créé. En réutilisant cet élément graphique de différentes manières dans le web design des pages, j’ai créé un design cohérent et donné du dynamisme à travers de toutes les pages du site web.

La répétition de cet élément appuie le branding et l’identité de marque mis en place.

Pour toute création de site web, suite à la définition du cahier des charges, je réalise un zoning. Cette étape a pour objectif de valider avec le client que toutes les fonctionnalités sont présentes et correctement agencées sur chaque page.

Cette étape de zoning se passe toujours de tout design afin de valider la structure globale de la page sans se laisser distraire. C’est une étape essentielle dans la création de site web servant de base à la fois pour le webdesign et le développement web.

Le zoning permet d’éviter les allers retours en cas d’oubli ou de changement d’avis et représente un vrai gain de temps à la fois pour le webdesigner, le développeur et le client.

Une fois la mise en page globale validée avec le zoning, j’ai crée le design des pages en fonction de la charte graphique définie en amont.

Je veille à la cohérence entre chaque page mais également au bon affichage sur mobile afin de fournir un design ergonomique et responsive.

La validation des maquettes est la dernière étape du design lors de la création de site web. La maquette web est un support essentiel pour le client afin de tout valider avant le développement.

Elle permet de ne rien oublier et de verrouiller ce que le développeur web aura à programmer. Il est toujours plus facile et moins couteux d’intervenir sur une maquette que pendant la phase de programmation.