FELCO Construction

Ausgangslage

FELCO General Construction realisiert Wohn- und Gewerbebauten in Kalifornien. Die Website stellt Bauplanung, Umbau und Projektmanagement vor. Bei einem solchen Angebot reicht es nicht, Leistungen aufzuzählen - man muss auch zeigen, an welchen Gebäuden das Unternehmen arbeitet.

Die Aufgabe

Eine klare Erklärung der Leistungen mit Bildbeispielen verbinden. Besucher sollen ihre Art von Vorhaben erkennen, passende Objekte sehen und einen Weg zum Gespräch finden. Die lange Startseite führt Schritt für Schritt durch das Unternehmen, ausführliche Galerien liegen auf eigenen Seiten.

Unsere Lösungen

1. Drei Leistungsbereiche

   Preconstruction Planning, Remodeling and Updating und Construction Management haben jeweils eine eigene Karte. Foto, Titel und kurze Erläuterung machen Planung, Umbau und Bauleitung klar unterscheidbar.

2. Architektur im Mittelpunkt

   Ein großes Foto eines fertigen Gebäudes stützt die Kernaussage zu Wohn- und Gewerbebau. Die Überschrift liegt über dem Bild - Besucher sehen sofort Tätigkeitsfeld und Gegenstand.

3. Zwei eigenständige Portfolios

   Die Galerie ist in Residential Construction und Commercial Construction geteilt. Verschiedene Gebäudetypen werden nicht vermischt: Besucher wählen den passenden Bereich und gelangen zu seiner eigenen Auswahl.

4. Vom Kennenlernen zur Anfrage

   Die Startseite führt durch Leistungen, Unternehmen, Galerie und Kontakt, das Menü springt direkt zu jedem Block. Am Ende stehen ein Formular, eine Telefonnummer und das Angebot, eine Projektschätzung zu besprechen.

Was wir umgesetzt haben

Visuelles System

Ein gelber Markenblock hebt sich von der dunklen Navigation und den weißen Inhaltsbereichen ab. Fotos von Gebäuden und Baustellen nehmen große Flächen ein. Gelbe Linien unter den Überschriften greifen den Logo-Akzent auf und fassen unterschiedliches Material zu einem System zusammen.

Interface-Typografie

Die folgenden Größen wurden auf der Live-Website bei einem Viewport von 1180 × 757 CSS-px, 100 % Zoom und DPR 1 gemessen. Sie beschreiben dieses konkrete Layout, keine festen Größen für alle Geräte.

Überschriften

Avenir LT Heavy · eigene Schnittdatei; CSS-Gewicht 400

Überschrift des ersten Bildschirms

42 px / 46,2 px · Laufweite 2,1 px (0,05 em)

Leistungstitel

22 px / 24.2 px · Avenir LT Heavy

Fließtext

Helvetica Light · 15 px / 24 px · CSS weight 400

Navigation

Avenir LT Light · 14 px / 37 px

Abschnittsüberschriften

55 px · Avenir LT Heavy · line-height: normal

Logo und Anwendung

Der Markenblock auf der Website ist zusammengesetzt: ein Haussymbol mit dem Buchstaben F und der separat gesetzte Schriftzug FELCO / GENERAL CONSTRUCTION. Unten ist ein echter Ausschnitt des Kopfbereichs zu sehen, daher bleiben Buchstabenformen und Abstände original.

Bildmarke

116 × 116 px · Quadrat 1:1

Größe der Bildmarke auf der Website

116 × 116 CSS-px bei Viewport 1180 × 757

Schriftzug FELCO

Textblock 220 × 42 CSS-px; Schrift 42 px / 42 px; Laufweite 2,1 px

Zeile GENERAL CONSTRUCTION

Textblock 220 × 16,5 CSS-px; Schrift 15 px / 16,5 px; Laufweite 0,75 px

Die Farbwerte sind mit dem CSS der Website abgeglichen. Schriftmuster sind als Ausschnitte echter Screens zu sehen; kommerzielle Schriftdateien sind in dieser Fallstudie nicht enthalten.

Nutzerwege und Material

Erster Bildschirm → passende Leistung → Galerie Wohn- oder Gewerbebau → Contact. Besucher können die Startseite der Reihe nach lesen oder über das Menü direkt in einen Bereich springen. Eigene Galerien zeigen die Arbeiten, ohne die Hauptseite zu überladen.

Vermarktung

Wir haben die Website für Suchmaschinen optimiert, ein Google-Ads-Konto eingerichtet und Werbung sowie Suchmaschinenmarketing gestartet.

Das Ergebnis

Eine Unternehmenswebsite ist online, die die Bauleistungen Schritt für Schritt vorstellt und eigene Referenzgalerien hat. Leistungen, Unternehmensinformationen und Kontaktpunkte bilden einen klaren Weg; echte Fotos geben dem Angebot visuellen Kontext.