Cet article a pour but de retracer certains des projets que j'ai pu réaliser pendant la période ou je travaillais dans l'agence Le Monde Change.
0. PUP-Scan
PUP, le mini scanner connecté le plus rapide du monde.
PUP est un projet webdesign inscrit dans une méthode design thinking.
L'identité physique du produit ayant déjà été définie en amont, il a fallu créer toute la partie web.
La charte graphique a été quelque peu revue lors de la création du site pour mieux accompagner l'univers du produit.
Techniques utilisées :
.Papier crayon
.Illustrator
.Photoshop
.Wordpress
Dans ce projet j'ai réalisé l'arborescence, des parcours utilisateurs, les wireframes, les wireframes avancées, le design global des pages et une partie du wordpress, l'autre partie étant gérée par le développeur en interne.
Vous pouvez visiter le site actuel à l'adresse suivante :
http://pup-scan.com
a. Arborescence
Arborescence du site complet
b. Wireframes avancées du site complet
Wireframes avancées du site complet
c. Maquettes du site de lancement
Lors de la mise en ligne du site actuel, induit par le lancement de la campagne de crowdfunding sur KissKissBankBank, une partie des pages n'étaient pas encore finalisées par manque de visuel, le produit étant toujours en phase de finition.
Le site de lancement a donc pris le relais pour assurer le flux de visiteur. Nous avons donc simplifié le site en trois pages : home/contact/acheter, en attendant les autres visuels.
Maquettes du site de lancement - Home
Maquettes du site de lancement - Contact
Maquettes du site de lancement - Acheter1. Hubert - Chauffage
Hubert Chauffage - L'énergie à vos côtés.
Hubert Chauffage est un projet de refonte web. C'est un des premiers clients de l'agence Le Monde Change, le client est venu vers nous pour changer le titre d'une catégorie et en rajouter une autre; de plus le site commençait à tomber en ruine suite à de très nombreuses mises à jour des navigateurs et des pratiques de webdesign.
Toute la refonte a été réalisée par mes soins en totale autonomie pour le rendre un peu plus moderne tout en gardant l'idée principale et les couleurs qui étaient chères au client; pour la réaliser, j'ai utilisé l'ancien site web comme wireframmes.
Technique utilisé :
.Bootstrap
Vous pouvez accéder au site à l'adresse suivante :
http://www.hubert-chauffage.fr/
Avant après
Ancien site Hubert-Chauffage, base wireframes du nouveau
Nouveau site Hubert-Chauffage
2. CIM Group
Projet ferroviaire, financement projet ferroviaire, infrastructure ferroviaire.
CIM Group vient d'acquérir Mechan, et souhaite faire une refonte de son site web pour avoir un univers unifié et plus ergonomique.
Techniques utilisées :
.Papier crayon
.Photoshop
Dans ce projet j'ai réalisé l'arborescence, des parcours utilisateurs, les wireframes et le design global des pages.
Vous pouvez visiter le site en ligne à l'adresse suivante :
http://www.cimgroupe.com/
b. Le site actuel
Site web très compartimenté, de bonnes idées comme la création d'une couleur pour chaque sous-groupe, mais une navigation chaotique voir redondante; la présence des actualités sur la partie droite de toutes les pages vient parasiter la lecture.
Ancien site Hubert-Chauffage, Wireframes du nouveau
b. Maquette
Présentation CIM Group
Home CIM Group
CIM Projet3. Elcimaï
Depuis 1992, le Groupe Elcimaï se développe autour de 2 métiers, l’informatique et l’ingénierie du bâtiment. La stratégie du Groupe repose sur une spécialisation de niches et l’acquisition permanente de compétences, par la formation et l’acquisition d’entreprises.
Elcimaï est un projet webdesign et de création d'identités de marque en ligne.
J'ai voulu faire cette refonte avec deux techniques différentes :
Une première en Bootstrap car c'est quelque chose que j'utilise souvent et qui me plait, la seconde en utilisant Wordpress pour me faire la main dessus.
Techniques utilisées :
.Papier crayon
.Wordpress
.Bootstap
Dans ce projet j'ai réalisé l'arborescence, des parcours utilisateurs, les wireframes, le design global des pages et le développement sous Bootstrap et Wordpress.
Vous pouvez visiter le site actuel à l'adresse suivante :
http://www.elcimai.com/
a. Actuel
Ancien site Elcimaï
b. Refonte
Maquettes de refonte Elcimaï - Test en Bootstrap - Home - Lien
Maquettes de refonte Elcimaï - Test en Wordpress - HomeBonus : Les lois du cochon
Après une grosse charette, nous éventrions le cochon pour éponger nos pauvres corps et esprits meurtris.
