Mahdfam
Führende Bau- und Ingenieurlösungen
Spezifikation
- Thema: Custom UI by Blacko.studio
- Budget: 2000$
- Responsive: Yes
- Umsetzungsjahr 2024
- Sprache: Persisch
- Status: Online
Herausforderungen
- Der Eventbereich
- Animierter Header
- Angepasste Google Map
- AR für Innendesign
Portfolio Galerie
Mahdfam Projektübersicht
Als Entwickler der Mahdfam Construction-Website habe ich eine benutzerfreundliche und professionelle Plattform geschaffen, um die vielfältigen und hochwertigen Projekte des Unternehmens zu präsentieren. Die Website hebt luxuriöse Wohnanlagen und moderne Gewerbebauten hervor. Jedes Projekt wird mit detaillierten Beschreibungen und hochauflösenden Bildern vorgestellt, die das Engagement von Mahdfam für Nachhaltigkeit, moderne Ästhetik und Funktionalität betonen. Mein Ziel war es, einen digitalen Raum zu schaffen, der die Exzellenz und Innovation von Mahdfam im Bauwesen widerspiegelt.
UI/UX-Design
Das UI/UX-Design der Mahdfam Construction-Website, entwickelt vom talentierten Team bei Blacko Studio, verkörpert eine elegante und professionelle Ästhetik in den Hauptfarben Dunkelblau und Gold. Das Design gewährleistet eine intuitive Navigation mit einem klaren Layout und einer benutzerfreundlichen Oberfläche, die Besucher mühelos durch die Website führt. Hochwertige Bilder und detaillierte Projektbeschreibungen sind strategisch platziert, um die Exzellenz von Mahdfam im Bauwesen hervorzuheben. Das responsive Design sorgt für ein nahtloses Erlebnis auf allen Geräten und macht die Website für alle Benutzer zugänglich und ansprechend.
Sprachen und Technologien
Für die Mahdfam Construction-Website habe ich WordPress als Grundlage verwendet und mit Advanced Custom Fields (ACF) Pro für dynamische und maßgeschneiderte Inhaltsverwaltung erweitert. Das Frontend wurde sorgfältig mit SCSS gestylt, während jQuery und PHP interaktive Elemente und serverseitige Funktionen unterstützen. Ajax wurde für einen reibungslosen Datenaustausch eingesetzt, um eine nahtlose Benutzererfahrung zu gewährleisten.
Die Website ist mit Webpack optimiert, was eine effiziente Verwaltung und Bündelung von Assets ermöglicht. Um die Leistung und die visuelle Attraktivität weiter zu verbessern, habe ich die neuen Bildformate AVIF und WebP integriert, die die Ladezeiten erheblich verkürzen und gleichzeitig eine hohe Qualität beibehalten. Das herausragende Merkmal der Website ist der animierte Hero-Header, der mit Lottie zum Leben erweckt wurde und von der Landingpage an ein dynamisches und ansprechendes visuelles Element hinzufügt. Diese Kombination moderner Technologien stellt sicher, dass die Mahdfam-Website sowohl funktional als auch visuell beeindruckend ist.
Eventbereich
Der Eventbereich auf der Mahdfam Construction-Website hält Kunden und Publikum über die neuesten Ereignisse des Unternehmens auf dem Laufenden. Mit Swiper.js habe ich einen Hauptslider implementiert, der aktuelle und kommende Veranstaltungen prominent darstellt, gefolgt von einem Archiv früherer Ereignisse. Diese dynamische Präsentation stellt sicher, dass Besucher stets über die Aktivitäten von Mahdfam informiert sind. Der Eventbereich betont Transparenz und Engagement und bietet wertvolle Informationen zu Branchenveranstaltungen, Firmenmeilensteinen und Gemeinschaftsaktivitäten.
AR-Technologie
Die Mahdfam Construction-Website nutzt AR-Technologie, um das Benutzererlebnis zu verbessern, indem 3D-Modelle von Innendesigns und Gebäudeaußenansichten auf den Projektseiten gezeigt werden. Dieser innovative Ansatz ermöglicht es den Besuchern, detaillierte und realistische Darstellungen der Projekte zu erkunden und zu interagieren. Benutzer können komplexe Designelemente und strukturelle Details einsehen, was ein umfassendes Verständnis der Projekte vermittelt. Diese immersive Funktion betont das Engagement von Mahdfam, modernste Technologie zu nutzen, um ihre Arbeit auf die informativste und ansprechendste Weise zu präsentieren.
Anpassbare Google Maps
Die Mahdfam Construction-Website enthält eine anpassbare Google Maps, die an die Ästhetik der Marke angepasst ist und das Farbschema Dunkelblau und Gold verwendet. Diese interaktive Karte zeigt mehrere Pins, die wichtige Projektstandorte und Büroadressen markieren, und bietet den Benutzern einen umfassenden Überblick über die geografische Reichweite von Mahdfam. Jeder Pin ist anklickbar und bietet detaillierte Informationen zu dem jeweiligen Projekt oder Büro, was die Benutzerinteraktion verbessert und es den Kunden erleichtert, die Arbeiten und Dienstleistungen von Mahdfam zu finden und mehr darüber zu erfahren.
