Retour aux projets
Livraison client

SIPA Packaging

Aperçu client bilingue pour une entreprise algérienne d'emballage, couvrant produits, marchés, services, politiques, portfolio, contact, SEO et déploiement Vercel.

Aperçu clientEn ligne, dépôt privéAperçu de site commercial multilingue / 2026

Problème

SIPA Packaging avait besoin d'un aperçu bilingue présentant ses capacités d'emballage, sa crédibilité sur les marchés réglementés, ses catégories de produits, ses politiques et ses coordonnées.

Solution

Construire un site Next.js App Router localisé avec des sections réutilisables, des messages EN/FR, des pages produits et marchés, des médias produits, des métadonnées SEO, un sitemap/robots et un déploiement d'aperçu Vercel.

Fonctionnalités clés

Routage anglais/français avec le middleware next-intl, navigation localisée et sélecteur de langue
Système de pages commerciales pour l'entreprise, les produits, le portfolio, les marchés, les services, les politiques et le contact
Catalogue de produits : boîtes pharmaceutiques, cartons agroalimentaires, étiquettes personnalisées et notices/prospectus
Page d'accueil industrielle avec carrousel de vidéos de machines, historique de l'entreprise, statistiques, catalogue, marchés, services et politiques
Métadonnées SEO, données Open Graph, JSON-LD, alternates canoniques, robots et génération d'un sitemap localisé
Navigation responsive ordinateur/mobile, sections animées, optimisation des images et médias, et en-têtes de sécurité

Rôle

Implémentation frontend freelance pour un aperçu client inachevé. L'aperçu Vercel est public ; le dépôt reste privé.

Stack

Next.js 16React 19TypeScriptTailwind CSS 4next-intlFramer Motionlucide-reactSEO metadataJSON-LDSitemapRobotsVercel

Liens

Aperçu clientÉtude de cas

Schéma d'architecture

Mermaid
flowchart LR
  Visitor["Visiteur ou prospect client"] --> Middleware["Middleware de langue next-intl"]
  Middleware --> Routes["Routes localisées Next.js App Router"]
  Routes --> Pages["Entreprise, produits, portfolio, marchés, services, politiques, contact"]
  Messages["Fichiers de messages JSON EN/FR"] --> Pages
  Pages --> Sections["Sections et mises en page commerciales réutilisables"]
  Sections --> Media["Images produits et vidéos de production locales"]
  Sections --> Motion["Interactions Framer Motion"]
  Pages --> SEO["Métadonnées, Open Graph, JSON-LD"]
  SEO --> Discovery["Sitemap et robots localisés"]
  Routes --> Vercel["Déploiement d'aperçu client sur Vercel"]

Captures d'écran : SIPA Packaging

5 vues
Aperçu de la page d'accueil sur ordinateur avec une identité industrielle, une navigation localisée et un visuel d'accroche centré sur la production.
Page produits pour les boîtes pharmaceutiques, cartons agroalimentaires, étiquettes et prospectus, avec un contenu commercial riche en spécifications.
Page portfolio/catalogue avec un filtrage des réalisations pharmaceutiques, agroalimentaires, d'étiquettes et de prospectus.
Page d'accueil localisée en français, preuve du système de contenu EN/FR et du routage selon la langue.
Mise en page mobile de la page d'accueil avec typographie responsive, navigation compacte et hiérarchie marque/médias préservée.