Voir le site
Next projectFelt
Aperçu principal du projet Little and Co
- Projet personnel

Little and Co

Visuel Starting point du projet Little and Co
Visuel Starting point du projet Little and Co
Visuel Starting point du projet Little and Co
Visuel The challenge du projet Little and Co
Visuel The challenge du projet Little and Co
Visuel The challenge du projet Little and Co
Visuel Process & Decisions du projet Little and Co
Visuel Process & Decisions du projet Little and Co
Visuel Process & Decisions du projet Little and Co
Visuel Execution du projet Little and Co
Visuel Execution du projet Little and Co
Visuel Execution du projet Little and Co

Détails du projet

Starting point

Le concept est né d'un brief UI du site Webrief ("Little & Co #2"), posant les bases d'une boutique e-commerce inspirée de références mode contemporaines. À partir de cette direction artistique, j'ai construit un site complet (design et développement) pour aller au-delà de la maquette et livrer une plateforme e-commerce fonctionnelle de bout en bout.

The challenge

Le défi consistait à transposer un brief pensé pour du design d'interface en un vrai produit e-commerce : conserver l'esthétique épurée et la photographie en noir et blanc du brief tout en construisant les mécaniques attendues d'une boutique en ligne (filtres, fiches produit, panier, compte utilisateur) sans perdre la cohérence visuelle.

Process & Decisions

Le catalogue se filtre par titre, prix et catégories, et se double d'un blog alimenté par les créateurs. Chaque utilisateur dispose d'un panier, d'une liste d'envies et peut suivre d'autres membres ou liker leurs publications. Les cartes produit passent du noir et blanc à la couleur au survol, révélant description et caractéristiques (taille, poids, matière...). Les mises à jour de produits et d'articles se propagent en temps réel grâce à Turbo.

Execution

Développé avec Symfony 6.4 côté back (Doctrine ORM, migrations, fixtures Faker/Foundry, tests PHPUnit) et Webpack Encore + Stimulus côté front, sur une base Bootstrap. L'identité visuelle s'appuie sur un vert profond, une typographie Boska condensée façon presse, et de grandes sections éditoriales sur la page À propos. J'ai assuré la conception, à partir du brief, ainsi que l'intégralité du développement.

Got a project in mind?

I read every message. I reply within 72h.