Boutique Futur et main verte

Présentation

Cette boutique a été créée lors d’un workshop au cours de ma formation de Webdesigner. Le but était de créer une boutique en ligne en partant d’un catalogue papier existant (mais n’ayant aucun équivalent en site web.

J’ai ainsi choisi de transformer le catalogue de Noël de la marque Nature et Découvertes (renommée pour l’occasion Futur et Main verte) en un site commerçant événementiel.

Header et menu princial de la page d'accueil

Design UX

J’ai adapté la catégorisation du catalogue au chemin emprunté par un utilisateur sur un site boutique.

J'ai donc pris le parti de créer un gros menu principal (un bandeau fait de différentes icônes) et ainsi mettre en avant chacune des catégories d'articles.

Adaptation graphique des catégories et sous-catégories

Design UI

Le catalogue ayant une identité graphique forte, j’ai décliné celle-ci pour le futur site web :

J’ai récupéré et découpé les photos de présentation et les articles, joué sur les effets de transparence, créé des bannières, et transformé des illustrations en logos de menus secondaires.

Adaptation graphique des articles de la boutique

Cette banque d’images m’a ainsi permis de créer des maquettes graphiques riches pour chaque partie du site.

Maquette graphique de la page d'accueil

Intégration et développement

L’intégration statique a été faite d’abord avec le framework Bootstrap afin de valider l’ergonomie du site. Le développement de la boutique s’est ensuite fait avec le CMS Thélia.