Création d'une identité Print & Web - Juliette Libotte

Hugo Sourdin est un jeune photographe indépendant Normand basé à Paris. Il commence son activité en 2018 et il est spécialisé dans les portraits et les reportages.

Le contexte

Hugo commence à partager ses portraits à partir de 2018 sur les réseaux sociaux . Il continue de développer son activité en 2019 en déployant un nouveau service : les reportages.

Hugo me confie alors la refonte de son site internet et la création de son identité visuelle pour mettre en valeur son travail photographique et démarcher avec ses futurs clients.

Il a plusieurs attentes à travers cette refonte. La première est de donner une dimension professionnelle et apporter une image sérieuse à son activité photographique. La deuxième est que l’identité visuelle reflète sa personnalité tout en étant en lien avec son domaine d’activité.

Voici les quatre services proposés :

Portraits en solo

Portraits en couple

Portraits pro

Reportages

Hugo Sourdin propose des portraits individuels, des portraits de couple ou encore des portraits professionnels. Depuis 2019, il souhaite diversifier son travail en proposant un nouveau service : les reportages. Il propose de raconter à travers une série de photographies l’activité professionnelle d’artistes, artisans, commerçants ou encore libéraux sur leurs lieux de travail.

Les besoins

Se démarquer

👉 Un design sur mesure, sans passer par une plateforme de création de sites Web.

Être professionnel

👉 Un équilibre entre un design minimaliste et coloré.

👉 Des zones de texte pour se présenter à ses futurs clients.

Être autonome

👉 Avoir la main sur son site.

La commande

Identité visuelle

👉 Un design sur mesure, sans passer par une plateforme de création de sites Web.

Site web

👉 Présenter son portfolio.

👉 Présenter son blog.

La méthodologie

Ma démarche de travail

Rencontres client

👉 Comprendre le besoin et cadrer le projet.

👉 Suivi du projet.

👉 Recueillir des feedbacks.

Solutions

👉 Prioriser et formaliser plusieurs solutions.

👉 Mettre en place des tests utilisateurs.

Livrable

👉 Organisation de l’autonomie du client à travers des ateliers et des tutos.

👉 Organisation d’une maintenance.

Le test des 5 secondes

Pour ce projet, j’ai utilisé le test des 5 secondes, car 94% des premières impressions sont liées au design. Un utilisateur se construit en un instant une représentation favorable ou défavorable d’une interface et sa première impression guidera ses choix et risque de conditionner sa loyauté. Comme Hugo est dans le monde des arts, j’ai trouvé ce test pertinent et ai décidé de créer son interface en fonction des premières impressions des utilisateurs.

Objectifs

👉 Prendre au sérieux les premières impressions.

👉 Valider les hypothèses de conception.

👉 Concevoir l’esthétique en amont.

Le déroulement

👉 En présentiel.

👉 Montrer à l’utilisateur les différentes solutions envisagées pendant 5 secondes..

👉 Lui demander de répondre à un questionnaire.

Ce test m’a permis de choisir la mise en page, les couleurs ou encore les photographies. Voici quelques exemples d’écrans que j’ai présentés.

Le questionnaire :

Mon impression générale de ce site web est : (très mauvaise / mauvaise / Moyenne / Bonne / Très bonne)

Au niveau esthétique, je trouve ce site web : (Très laid / Laid / Neutre / Beau / Très beau)

Quels éléments de l’interface avez-vous retenus ? (texte, logo, couleurs, images, menus)

Selon vous, à quoi sert ce site web ?

Ce site vous donne-t’il envie d’en savoir plus ?

Le livrable

L’arborescence

Juliette-Libotte-Hugo-Sourdin-Arborescence

Les wireframes

J’ai choisi une mise en page en damier, car l’écriture a une place importante dans le travail d’Hugo. Cette mise en page mêle des zones de texte avec des photographies. Il y a aussi un équilibre entre les textes et les photographies.