Zurück zum Portfolio
CorporateVeröffentlicht

Malley Centre

Site institutionnel pour le développement stratégique Malley-Centre. Projet conséquent designé par Fabrica avec carrousel interactif des états d'avancement.

KundeLa Fabrique Malley
Jahr2022
Agentur-Zusammenarbeit

Conception graphique et direction artistique par Fabrica Design. Développement WordPress/Divi et intégration par ark.swiss.

Malley Centre
Kontext

Projektgenese

Malley-Centre est un projet majeur de transformation urbaine au cœur de l'agglomération Lausanne-Morges. Fabrica Design a conçu un design ambitieux incluant des maps personnalisées pour chaque état d'avancement du projet. Notre mission : intégrer ce design complexe dans WordPress/Divi avec un focus sur les performances et le responsive.

malley-centre.ch
Malley Centre - Site institutionnel

Malley-Centre — Projet de transformation urbaine

01Die Herausforderung

Kundenproblem

Comment intégrer un design Fabrica ambitieux avec carrousel interactif, maps personnalisées et images animées tout en garantissant performances et responsive ?

Carrousel interactif : afficher les différents états d'avancement du projet avec maps designées par Fabrica

Maps personnalisées : intégrer les visuels cartographiques créés par Fabrica pour chaque phase

Responsive complexe : adapter chaque page et composant custom à tous les écrans

Hero animé performant : optimiser les images animées sans impacter le temps de chargement

Performances globales : maintenir un site rapide malgré les visuels haute qualité

Malley Centre - Site sur iPad
Malley Centre - Site sur mobile
02Unser Ansatz

Technische Lösung

Intégration WordPress/Divi avec plugins premium pour le hero, développement custom pour le carrousel et optimisation responsive page par page.

Carrousel états d'avancement : développement sur mesure pour afficher les maps Fabrica avec transitions

Plugins premium : optimisation du hero avec images animées pour des performances maximales

Responsive manuel : ajustements CSS custom page par page pour tous les breakpoints

Compression médias : optimisation des maps et visuels sans perte de qualité

Architecture par secteurs : navigation claire entre les 4 zones du projet

Schlüsselentscheidungen

  • Plugins premium pour le hero animé (lazy loading, compression)
  • Développement custom pour le carrousel interactif
  • CSS responsive sur mesure plutôt que Divi natif

Carrousel d'avancement

Un composant interactif présentant les différentes phases du projet de transformation urbaine avec les maps personnalisées designées par Fabrica.

  • Maps Fabrica intégrées pour chaque phase
  • Transitions fluides entre les états d'avancement
  • Navigation entre les 4 secteurs du projet
malley-centre.ch
Malley Centre - Carrousel d'avancement interactif
Funktionen

Hauptfunktionen

Carrousel d'avancement

Composant interactif présentant les différentes phases du projet Malley-Centre avec maps personnalisées designées par Fabrica pour chaque état.

Hero images animées

Images animées immersives en hero grâce à des plugins premium. Lazy loading et compression pour des performances optimales.

Maps personnalisées

Visuels cartographiques créés par Fabrica Design intégrés dans le carrousel. Représentation visuelle de l'évolution du quartier.

Navigation par secteur

Architecture claire présentant les 4 secteurs du projet de transformation urbaine. Chaque zone avec ses spécificités et avancement.

Blog actualités

Section actualités dynamique pour communiquer sur l'avancement du projet. Flux automatisé et gestion autonome par le client.

Responsive sur mesure

Adaptation manuelle de chaque page et composant custom pour garantir une expérience optimale sur mobile, tablette et desktop.

03Ergebnisse

Projektauswirkungen

Un site institutionnel performant présentant le projet de transformation urbaine avec son évolution dans le temps.

4
secteurs présentés
carrousel interactif
hero animé optimisé
maps Fabrica intégrées
responsive complet
blog actualités
  • Carrousel interactif des états d'avancement du projet
  • Hero avec images animées optimisé pour les performances
  • Responsive soigné sur chaque page du site
  • Section actualités avec flux automatisé

Navigation par secteurs

Une architecture claire permettant de découvrir les 4 secteurs du projet de transformation urbaine avec leurs spécificités et états d'avancement.

  • 4 secteurs avec fiches dédiées
  • Maps Fabrica pour chaque zone
  • Suivi de l'avancement par secteur
malley-centre.ch/secteurs
Malley Centre - Navigation par secteurs
Technologien

Tech-Stack

WordPress Divi PHP JavaScript CSS Custom Plugins Premium

Ähnliches Projekt?

Lassen Sie uns über Ihre Bedürfnisse sprechen und gemeinsam Ihre Weblösung erstellen.