Site institutionnel
Catalogue de services
API de contact

LIPACK

Secteur: Industrie
Livré en: Site web
Année: 2025
Langues: FR / EN
En ligne: Voir le sitelipack.ma(s’ouvre dans un nouvel onglet)

“Votre Partenaire en Impression et Marquage Industriel Au Maroc”

(Le projet)

Un site bilingue pour une entreprise d’impression et de marquage industriel, avec des pages de services organisées par secteur, une API de contact Laravel et un contenu entièrement séparé de l’interface.

(Contexte)

Le marquage industriel, clairement présenté.

LIPACK propose marquage et traçabilité, impression offset et numérique, packaging, signalétique, objets publicitaires et installation, présentés au regard des normes de ses clients de l’automobile, de l’agroalimentaire et de la pharmacie, de l’électronique et de l’énergie.

Le site est une application React 19 monopage reliée à un back-end Laravel avec Sanctum pour la gestion du contact, le contenu de chaque service étant centralisé sous forme de données.

(Chiffres clés)

pages de services: 7
secteurs industriels: 4
bilingue: FR / EN
thèmes, clair et sombre: 2

Les choix qui ont façonné le projet

Front-end et API séparés
Un front-end React statique dialogue avec un back-end Laravel sécurisé par Sanctum, qui expose le point d’entrée de contact.
Séparation nette
Le contenu comme donnée
Contenus de services et textes sont centralisés dans des modules de données et de traduction : un nouveau service ou une nouvelle langue ne touche aucun composant.
Contenu évolutif
Une route par service
Marquage, offset, numérique, packaging, signalétique, objets publicitaires et installation ont chacun leur route, alimentée par un module de données dédié.
Catalogue structuré
Des préférences en contexte
Langue et thème sont gérés par des fournisseurs de contexte qui englobent l’application, avec une paire de hooks associée.
Expérience transverse

(Comment ça marche)

Parcourir les services

Une lecture par secteur
Les solutions de marquage sont segmentées par secteur (automobile et aéronautique, agroalimentaire et pharmacie, électronique, énergie et construction), en insistant sur les normes.
Pages de services
Chaque route de service est rendue depuis son module de données, avec des transitions de page liées à la route.
Contact
Un formulaire protégé par Turnstile envoie vers le point d’entrée Laravel, qui transmet la demande par e-mail à l’entreprise.