Street Address

City, State, Zip

Phone Number

PRODUCT DESIGNER

Your Custom Text Here

THE KOOPLES

REFONTE GLOBALE DU SITE E-COMMERCE DE LA CÉLÈBRE MAISON DE MODE PARISIENNE THE KOOPLES.

CRÉATION DE LA HOMEPAGE ET PAGE PRODUIT TYPE.

CRÉATION DE NEWSLETTERS POUR BOOSTER LE TRAFFIC SUR LE SITE E-COMMERCE.

RÉALISATION D’UNE LANDING PAGE POUR UNE COLLABORATION AVEC LA MARQUE DE BASKET PUMA.

refonte globale
du site e-commerce

Lorsque nous arrivons sur le site The Kooples, nous avons deux entrées possible : FEMME ou HOMME. Ce choix de genre va nous permettre de rendre la navigation plus claire et fluide (par la suppression de 50% de contenu qui ne va pas l’intéresser initialement) pour le client à travers un site plus immersif.

Le client est à présent potentiellement intéressé par un article vu dans la page produit et est désireux de l’acheter.
Le checkout se déroule en trois parties :
1/ Sélection de la taille et de la couleur
2/ Sélection de l’adresse de livraison
3/ Paiement et finalisation de la commande

Ayant vu toute la partie mobile ci-dessus, la page produit version desktop de l’article se présente comme tel :

NEWSLETTER

Newsletters avec une sélection produits en fonction des meilleures ventes permettant de booster le trafic sur le site e-commerce de la marque

UX/UI SITE MOBILE

Améliorations UX et UI sur la page produit du site The Kooples mobile afin de pouvoir sélectionner sa taille et ajouter l’article concerné au panier sans avoir besoin de scroller.
Grâce à un footer persistant intégrant toutes les informations primordiales.

Le menu mobile ainsi que le pictogramme “loupe” de recherche produits sont placés à droite, tandis que le panier est placé à gauche car ce dernier compte environ 1.8 article par internaute (ce qui est, pour ainsi dire, une faible moyenne dûe à la moyenne des prix des articles vendus sur le site e-commerce).
Par conséquent, la marque The Kooples, spécialisée dans le haut-de-gamme, doit mettre plus en valeur son menu qui invitera les clients à naviguer de catégories en catégories et à découvrir les produits que son panier. En effet, un utilisateur atteindra plus facilement avec son pouce, les éléments placés à droite de l’écran (concernant les droitiers).

A l’heure où le desktop laisse sa place au mobile, il est nécéssaire de prêter attention à chaque étapes du parcours client. Ici nous voyons que la page produit est une étape clé lors de l’achat client.

Analyse Juin 2018 — Analyse Juin 2018

Collaboration
PUMA X The Kooples

The Koople entame une collaboration avec la célèbre marque de basket PUMA.
Pour cette occasion, j’ai dû réaliser une landing page afin de promouvoir ce partenariat. La basket PUMA à été déclinée en blanc et noir incluant le logo The Kooples ainsi que son emblème la tête de mort.

Version mobile

Les visuels lifestyle sont principalement utilisés afin de permettre de plonger le client dans le récit et l’univers de la collaboration entre les deux marques.

Sur la version mobile, des modules interactifs ont été ajoutés, en reprenant les codes de l’application Instagram, permettant de découvrir plusieurs produits au travers de la même image.

Version desktop

Une landing page d’un site e-commerce, en particulier dans le secteur de la mode, se veut être relativement longue dans laquelle l’utilisateur pourra, en défilant, découvrir différentes rubriques d’inspiration autour du même produit et avec un objectif transactionnel qui apparaît dès les premiers scrolls du site.

Emily by the kooples

Réalisation d’une landing page pour la collaboration entre emilie ratajkowski et The kooples

Option 1

Option reprenant les codes de l’application instagram pour pouvoir acheter tous les produits présents sur le visuel affiché. L’icône choisit a été remplacé par un ceintre, pour s’apparenter davantage au domaine de la mode et du vêtement. Le point négatif dans cette option reste le renvoie vers une seule page produit à la fois - nous perdons donc le fil de la navigation au sein de cette page capsule.

Option 2

Option personnalisée mais aussi très rapide pour son utilisateur. Grâce à son interaction Tinder-like, quelques swipes suffisent pour ajouter l’article dans son panier ou bien passer son chemin. L’internaute découvre entièrement la capsule en question d’un façon ludique et commerciale.