#ippc0m1TERMINÉ2026

IPPCom Goodies

Site catalogue de goodies : navigation par catégories, catalogue paginé et parcours de contact.

durée3 semaines
rôleDéveloppeur fullstack solo
typefullstack

// stack_utilisée

Next.js (App Router)ReactTypeScriptSupabaseCSS
01

Contexte & Problème

// situation_initiale

Créer un point d’entrée clair pour présenter l’offre de goodies et faciliter la découverte des produits par collections/catégories grâce a l'API de ANDA.

// problème_identifié

Un site catalogue peut vite devenir confus : trop d’infos, trop de clics, ou une navigation peu lisible. Le défi était de garder une expérience simple tout en donnant accès rapidement aux catégories et au catalogue.

// objectifs[]

  • [00]Home claire avec sections éditoriales + CTA
  • [01]Accès rapide au catalogue et aux catégories principales
  • [02]Catalogue paginé pour garder une page légère
  • [03]Parcours de contact évident (footer + page dédiée)
  • [04]Déploiement stable et accessible publiquement
02

Architecture

Structure en pages : Home, Catalogue, Catégories, Contact + pages légales. Navigation pensée pour réduire le nombre d’étapes entre découverte et prise de contact. Déploiement sur Netlify.

03

Visuels

Accueil IPPCom Goodies
screen_01
Accueil — proposition de valeur, CTA catalogue/devis et mise en avant des nouveautés
Catégories IPPCom Goodies
screen_02
Catégories — navigation par collections avec volumes de produits visibles
Catalogue IPPCom Goodies
screen_03
Catalogue — recherche produit et grille de cartes pour une exploration rapide
Page contact IPPCom Goodies
screen_04
Contact — informations de contact et formulaire de demande