Climaplan Farbpalette

Für die Gestaltung der neuen Climaplan Website wurde die Farbpalette erweitert.

klare Struktur

klare Struktur

klare Struktureinbinden

Kompakte und vertiefende Informationen

Schrift für die neue Website

Goolge-Font »Noto Sans«

• passend zum Neuen Logo und zur bisher verwendeten Schrift für die gedruckten Climaplan-Publikationen
• gute Lesbarkeit auf Bildschirmen
• Apache-Lizenz: jeder Webseitenbetreiber kann die Schrift frei verwenden, ohne Lizenzgebühren
• Die Schrift wird auf dem eigenen Server bzw. Webspace eingebettet. Es erfolgt keine Übertragung von Daten zu Google.

Überschriften gross
Noto Sans Bold Versalien

Mittlere Überschriften Noto Sans Bold

Hervorhebung im Text Noto Sans Bold: Vivico Real Estate GmbH
Architekten: Raupach Architekten LPH 1-4, Fritsch + Tschaidse LPH 5-8
Geschossfläche: 8.300 m² BGF u. Außenflächen
Fachgebiet und Leistungsspektrum: Heizung, Lüftung, Sanitär, MSR, ELT

Textfarbe warmes Grau ermöglicht angenehmeres Lesen auf Bildschirmen.
Beispieltext in der Noto Sans entwickelt Arbeitsräume und Wohnräume, in denen Menschen sich gern aufhalten und Technik perfekt funktioniert.
Zweckmäßig beleuchtet und angenehm klimatisiert steigern Sie die Produktivität.
Gleichzeitig sind sie umweltgerecht konzipiert und erfreuen die Betreiber und Bewohner mit niedrigen Betriebs- und Investitionskosten.

Zwischenüberschriften

• Beispiel Aufzählungen: Einsatz von Wärmerückgewinnungsanlagen in Form von Kreislaufverbundsystem
• Einbau von Frequenzumformern bei Pumpen und Ventilatoren zur Energiereduzierung
• Grundwassernutzung im Verbund mit Regenwassernutzung zur Kühlung des Gebäudes

klare Struktur

klare Struktur

klare Struktureinbinden

Kompakte und vertiefende Informationen

Home

• Das Portfolio oben stellt aktuelle Climaplan-Projekte und den 360° Rundgang durch die Büroräume vor.
• Darunter ein kurzer Text zum Unternehmen
• Kacheln, mit Piktogrammen gestaltet, ermöglichen direkten Zugang zu den wichtigsten Bereichen.

Bsp. Konzerthaus München & Klinikum Wasserburg

• Direkte Links aus dem Portfolio zu aktuellen Projekten.
• Die einzelnen Fotos werden auf Click vergrößert angezeigt, siehe Bsp. rechts » + «

Unternehmen

• Kacheln, mit Piktogrammen gestaltet, ermöglichen direkten Zugang zu den einzelnen Unternehmensbereichen.

Bsp. Geschäftsleitung und Folgeseite Hr. Bengel

Karriere

Climaplan Historie

Firmenevents

• Die Seite bietet die Möglichkeit, Fotos mit einem kurzen Text, zu präsentieren.
• Optional wäre auch das Einbinden von Videos möglich.

Leistungen

• Leistungen, Fachgebiete und Besondere Fachgebiete werden anhand von Piktogrammen dargestellt. Wenn es zu einzelnen Punkten vertiefende Informationen gibt, werden diese über die Piktogrammen verlinkt.
• BIM: Hier können Videos eingebunden werden.

Referenzen

• Das Portfolio oben stellt Referenzen aus verschiedenen Branchen vor und ist direkt mit diesen verlinkt.
• Kacheln, gestaltet mit Piktogrammen, bieten schnellen Zugang zu Projekten der einzelnen Branchen.

Bsp. Referenzen – Büro- und Verwaltungsgebäude & Schulen, Sportanlagen und Kindergärten

• Kacheln, gestaltet mit Projektfotos, vermitteln einen ersten Eindruck und ermöglichen direkten Zugang zu den einzelnen Projekten.

Bsp. Projekte Detailansicht

• Die Anzahl der Fotos kann – je nach Projekt – verschieden sein.
• Kürzere Texte werden einspaltig gesetzt, längere zweispaltig.
• Wenn man auf das + Icon über dem Foto clickt, kann man das Bild auch in vergrößerter Ansicht sehen

Kontakt, Impressum, Datenschutz

• Aus Datenschutzrechtlichen Gründen raten wir von einer Anbindung zu Google Maps ab.
• Zahlreiche Benutzerdaten werden von Google gespeichert, eine Änderung im Datenschutzhinweis wäre nötig.
• Der API-Code zur Anbindung an Google Maps ist inzwischen kostenpflichtig. 

Responsive Design

• Beispiele für die Anpassung des Designs an Smartphone und Tablet