Projektübersicht
ProFacilityMainz ist ein wachstumsorientiertes Dienstleistungsunternehmen aus Mainz, das Renovierungen, Entrümpelungen, Facility Management, Abriss, Kanal- und Gebäudereinigung anbietet. Der USP: Keine Auftragsweitergabe, Angebote innerhalb von 24 Stunden sowie über 20 erfolgreich abgeschlossene Renovierungen – kombiniert mit 24/7-Kanalnotdienst und umweltgerechter Entsorgung.
ProFacility
Name
Mainz, DE
Standort
Renovierung & weitere
Branche
B2B & B2C
Zielgruppe



Farbpalette im Einsatz
Die Farbpalette von ProFacility wird gezielt eingesetzt, um Struktur und Orientierung zu schaffen: Weiß sorgt für großzügigen Freiraum und eine klare Lesbarkeit, während Schwarz für starke Kontraste und seriöse Akzente genutzt wird. Das dezente Grau dient als harmonische Zwischenfarbe, die Inhalte unaufdringlich einbettet. Das markante Orange wird bewusst als Highlight für Call-to-Actions, Icons und interaktive Elemente eingesetzt, wodurch wichtige Inhalte sofort ins Auge fallen und die serviceorientierte Ausrichtung der Marke gestärkt wird.

Ergebnis
Das Ergebnis ist eine moderne, funktionsfähige & nutzerfreundliche Website mit einer Landingpage, 34 Subpages, 2 Kontaktformulare + Automatisierung, 15 CMS & stetigem täglichem Feinschliff an der Website
Als weitere Besonderheiten haben wir unsere hauseigenen Technologien mit eingebaut:  ScanToContact.
 
15 Seiten
15 CMS
Formular
AI Agent
Automation
Review Col.
Responsive
ScanToContact
Farbpalette
Die Farbpalette von ProFacility kombiniert klares Weiß und tiefes Schwarz mit einem markanten Orange als Akzentfarbe, unterstützt von einem dezenten Grau. Diese Mischung sorgt für einen modernen, kontrastreichen Auftritt, der Professionalität und Dynamik vermittelt. Das Orange setzt gezielte visuelle Highlights und unterstreicht die freundliche, serviceorientierte Markenidentität.
Soft White
Primärfarbe
HEX #FFFFFF
CMYK 00/00/00/00
Verwendung 70%
Dark Grey
Sekundärfarbe
HEX #393939
CMYK 00/00/00/78
Verwendung 15%
Deep Black
Primäre Schriftfarbe
HEX #000000
CMYK 00/00/00/100
Verwendung 10%
ProFacility Orange
Akzentfarbe / Sekundäre Flächenfarbe
HEX #ED7D31
CMYK 00/47/79/07
Verwendung 5% / 70%
Typographie
Die Typographie für die Website von GLOLOG hatte drei feste Vorgabe: modern, leserlich, schnell.
Die Kombination aus der "Poppins"-Family für Überschriften und Open Sans für die Textkörper konnte uns alle 3 Vorgaben realisieren. Beide Schriftarten sind optisch ähnlich, aber dennoch auseinanderzuhalten & sind aufgrund ihrer weitreichenden Popularität ein Standard jedes Browsers, sodass eine schnelle Ladegeschwindigkeit besteht.
Hh
Poppins
H1 - H6
48px - 16px
Bb
Open Sans
Body 1 - Body 3
24px - 10px
Layout & Grid System
Horizontale & Vertikale Abstände wurden mit unserer Rule-Of-Eight realisiert. Das bedeutet, dass jeder Abstand durch 8 teilbar sein muss. Damit konnten wir für eine einheitliche Optik & Ästhetik sorgen.
80px Abstand zur linken Seite
für die Sidebar
Rule-Of-Eight
Form- & Bildsprache
Um den modernen Look der Website beizubehalten, wenden wir leicht abgerundete Ecken in Boxen und Buttons an. Selbes gilt für die Icons. Die Bildsprache hingegen soll helfen zum Nutzer schneller ein Vertrauen aufzubauen, indem die gewählten Medien Zufriedenheit, Sicherheit und Qualität vermitteln.

Abrundung für Boxen: 8-16px

Abrundung für Buttons: 8px
Motions & Animationen
Im Fokus steht klar: Websitegeschwindigkeit. Demnach verwendeten wir keine Animationen für den Hero-Abschnitt. Für alle weiteren Abschnitte platzierten wir wenige dezente Animationen um den modernen Look beizubehalten & den Nutzer nicht mit Reizen zu überfluten.

Sidebar: Show/hide Animation beim scrollen

Boxen & Bilder: Entrance Animationen
Behind the Scenes
Die Website von ProFacility haben wir insgesamt 2 Mal entwickelt. Nach einigen Monaten nach dem ersten Launch entschieden wir uns dazu die Website von ProFacility von Grund auf zu aktualisieren um sie deutlich nutzerfreundlicher und moderner zu gestalten.

Bild kommt bald :)

Bild kommt bald :)
Feedback
"unsere neue Website ist deutlich moderner & besser!"
Daniel Odobasic - Geschäftsführer bei ProFacility
Key Features
Neben dem pinned-menu am unteren Rand der Website zur schnellen Navigation verfügt die Website von ProFacility über einen Ratgeber & Checklisten für jede ihrer 6 Dienstleistungen.

KI Kundensupport

Sidebar

interaktive Checklisten
