View the site
Next projectITS
- Personal project

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

Project details

Starting point

The concept came from a UI brief on the Webrief site ("Little & Co #2"), which laid out an e-commerce shop inspired by contemporary fashion references. Starting from that art direction, I built a complete site (design and development) to go beyond the mockup and deliver an e-commerce platform that works end to end.

Visuel 1 Starting point du projet Little and CoVisuel 2 Starting point du projet Little and CoVisuel 3 Starting point du projet Little and Co

The challenge

The challenge was to turn a brief meant for interface design into a real e-commerce product: keeping the brief's clean aesthetic and black-and-white photography while building the mechanics expected from an online shop (filters, product pages, cart, user account) without losing visual consistency.

Visuel 1 The challenge du projet Little and CoVisuel 2 The challenge du projet Little and CoVisuel 3 The challenge du projet Little and Co

Process & Decisions

The catalogue can be filtered by title, price and category, alongside a blog fed by the designers. Each user has a cart and a wishlist, and can follow other members or like their posts. Product cards switch from black and white to colour on hover, revealing the description and specifications (size, weight, material...). Product and article updates spread in real time thanks to Turbo.

Visuel 1 Process & Decisions du projet Little and CoVisuel 2 Process & Decisions du projet Little and CoVisuel 3 Process & Decisions du projet Little and Co

Execution

Built with Symfony 6.4 on the back end (Doctrine ORM, migrations, Faker/Foundry fixtures, PHPUnit tests) and Webpack Encore + Stimulus on the front end, on a Bootstrap base. The visual identity relies on a deep green, a condensed, press-style Boska typeface, and large editorial sections on the About page. I handled the design, based on the brief, and all of the development.

Visuel 1 Execution du projet Little and CoVisuel 2 Execution du projet Little and CoVisuel 3 Execution du projet Little and Co

A project like this one?

Try me for 3 days at a fixed price on a component or a pitch prototype: not invoiced if the result doesn't work for you. Reply within 72h.

See offers and rates