Back to the doors

Prototype

Le Petit Paris

by Majd Ben Slimene

Animated showcase website for Le Petit Paris, the COMOCAP tomato brand.

Screenshot of the Le Petit Paris home page
Role
Front-end developer
Team
Client project
Tech stack
8 technologies

What it is

Le Petit Paris is a professional showcase website for the COMOCAP tomato brand, a client project built with React, Three.js and GSAP by Majd Ben Slimene. A recipe carousel, the brand story, a blog and B2B pages, with 3D motion (Three.js / React Three Fiber) and scroll animations (GSAP, Framer Motion).

Problem solved

Give a traditional food brand a modern, premium online presence that presents its products, its story and its B2B offer.

My role

Front-end development of an animated brand website, with 3D motion (Three.js / React Three Fiber) and animation libraries (GSAP, Framer Motion).

Goals

  • Present the company and its products

  • Highlight the company's activity

  • A modern, premium visual identity

  • A responsive user experience

  • A stronger digital presence

What I learned

  • Building cinematic scroll animations with GSAP
  • Structuring a brand site: story, recipes, blog, B2B pages
  • Performance with heavy visuals

Screenshots

1 / 6

  • Le Petit Paris home page: a tomato can among fresh tomatoes, “Depuis 1961”
  • Le Petit Paris “Unforgettable Flavors” section and three brand highlights
  • Le Petit Paris product ranges: harissa, jam and tomato paste
  • Le Petit Paris recipe carousel: Tunisian couscous with red sauce
  • Le Petit Paris recipe page: ingredients and preparation steps
  • Le Petit Paris brand story: three cans and “La boîte a changé. Pas la promesse.”
Back to the doors