Branding, design et intégration d’un site de photographe

Gregory Vega est un photographe dont le studio est installé entre Arras et Lens dans le Pas de Calais. Il propose des prestations type reportage mariage ou évènementiel et reçoit dans son studio pour des prises de vue classiques ou débordantes d’imagination. Il voulait un site internet à son image où il pourrait mettre son travail en valeur.

La première étape a été de réfléchir ensemble au style graphique qui se rapprocherait le plus de ce qu’il aime. Gregory voulait un design emprunt de modernité mais avec quelques touches vintage. Il voulait surtout un site qui ne ressemble pas aux autres sites de photographes.

Après quelques recherches graphiques et la création d’une moodboard, le logo a été crée dans un esprit vintage, reprenant différents « codes » que j’ai pu voir sur d’anciennes pellicules photo. Puis ont été créées les icônes qui servent à illustrer les différentes pages du site.

Le gabarit de chaque page a été fait dans Illustrator sous forme de wireframes. Nous avons choisi de ne pas passer par l’étape mockup hd pour gagner du temps, Gregory voulait pouvoir interagir rapidement avec son site.

Les wireframes ont donc été intégrées en html, permettant de tester tout de suite le site avec différentes résolutions et de le modifier en fonction. C’est ainsi que le menu, initialement latéral, a trouvé sa place définitive en en-tête.

C’est à partir de cette base html que j’ai construit le design définitif, en s’aidant de la moodboard crée plus tôt. L’intégration finale repose sur Compass et Susy. Compass avait été choisi d’emblée pour sa capacité à générer des spritesheets à la volée, point important pour ce projet qui compte beaucoup d’icônes.