Zurück zum Portfolio
CorporateVeröffentlicht

Malley Centre

Institutionelle Website für die strategische Entwicklung Malley-Centre. Umfassendes Projekt, gestaltet von Fabrica, mit interaktivem Karussell der Bauphasen.

KundeLa Fabrique Malley
Jahr2022
Agentur-Zusammenarbeit

Grafikdesign und künstlerische Leitung durch Fabrica Design. WordPress/Divi-Entwicklung und Integration durch ark.swiss.

Malley Centre
Kontext

Projektgenese

Malley-Centre ist ein bedeutendes Stadtentwicklungsprojekt im Herzen des Ballungsraums Lausanne-Morges. Fabrica Design hat ein anspruchsvolles Design entworfen, einschliesslich individueller Karten für jede Projektphase. Unsere Aufgabe: dieses komplexe Design in WordPress/Divi umzusetzen, mit Fokus auf Leistung und Responsive.

malley-centre.ch
Malley Centre - Site institutionnel

Malley-Centre — Projet de transformation urbaine

01Die Herausforderung

Kundenproblem

Wie integriert man ein anspruchsvolles Fabrica-Design mit interaktivem Karussell, individuellen Karten und animierten Bildern, ohne Leistung und Responsive zu opfern?

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

WordPress/Divi-Integration mit Premium-Plugins für die Hero-Section, individuelle Entwicklung für das Karussell und seitenweise Responsive-Optimierung.

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

Eine performante institutionelle Site, die das Stadtentwicklungsprojekt und seine Entwicklung über die Zeit zeigt.

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.