hello@juliettelibotte.com

Hamac – Site web

2018

Le contexte

Ce projet a été réalisé en plusieurs temps :
À mon arrivée chez Hamac, l’entreprise avait comme projet de créer la refonte de leur site web. Ce projet était en cours, car la graphiste précédente avait réalisé la partie UX et s’était arrêtée aux wireframes. La fondatrice de la marque Florence Hallouin m’a demandé de reprendre ce projet en créant le design system et l’interface utilisateur.

Au cours de mon expérience, j’ai pris l’initiative de réaliser une première amélioration UX et SEO. J’ai alors analysé le site web et changé les wireframes pour regrouper toutes les informations dans un cahier des charges à envoyer à une entreprise externe qui s’occupe du code.

À la fin de mon expérience dans cette entreprise, j’ai effectué une dernière amélioration UX et UI.

J’ai décidé de présenter ce projet en décrivant le site web avant et après, c’est-à-dire à mon arrivée dans l’entreprise et lorsque je suis partie.

 

Ma démarche

1 – Retour des client(e)s

Social listening.
Service après-vente.

2 – Compréhension du pain point

Audit du site web.
Cadrer et formuler l’objectif.
Réaliser une veille.

3 – Modification

Formaliser plusieurs solutions.
Modifier les wireframes.
Organiser et animer des réunions de suivies pour tester les solutions envisagées.
Approfondir et terminer la solution la plus pertinente.
Modifier les maquettes graphiques.

4 – Mise en ligne

Créer un cahier des charges.
Envoyer le tout aux développeurs.
Analyser le livrable et organiser un suivi.

L’existant

À mon arrivée, l’ancienne graphiste avait réalisé l’arborescence du site web ainsi que les wireframes. Elle avait aussi sélectionné des visuels et la typographie.

Homepage

La boutique

Le livrable

Les wireframes

Homepage

Boutique

Comparaison

 

<header>

<footer>

Vers les modes d’emploi

Vers les valeurs de l’entreprise

Vers les fiches produits

L’interface utilisateur UI

#54565A

#16DBC4

#66FFE5

#DFDE00

Aa

Roboto Regular 48pt

Roboto Regular 32pt

Roboto Bold 34pt
ROBOTO MEDIUM 30pt

Roboto Regular 28pt

Aa

Roboto Regular 23

Roboto Regular 18

Roboto Bold 21
ROBOTO MEDIUM 14

Roboto Regular 12

Vers les modes d’emplois

Version Desktop

Version Mobile

Vers les valeurs de l’entreprise

Version Desktop

Version Mobile

Vers les fiches produits

Un article

Un équipement

Les maquettes graphiques

La boutique

Homepage