ALLE PROJEKTE

MEDAG BAU / WEBSITE-RELAUNCH

BAUKOMPETENZ.
DIGITAL SICHTBAR.

Ein digitaler Auftritt, der
Baukompetenz sichtbar macht.

Für MEDAG Bau aus Oberhausen entstand eine Unternehmenswebsite, die Leistungen, Arbeitsweise und Kontaktwege zu einem klaren Ganzen verbindet. Konzeption, Gestaltung und technische Umsetzung mit Next.js – von der großen Bühne bis zum kleinen Bildschirm.

WEBSITE ANSEHEN (öffnet in neuem Tab)
MEDAG-Startseite mit dunkler Navigation, großer weißer Typografie und Architekturvisualisierung im Abendlicht
01 / MEDAG-BAU.DE — DESKTOP

DAS PROJEKT

BAUEN HAT VIELE FACETTEN.
DER AUFTRITT EINE KLARE LINIE.

MEDAG Bau ist ein Bauunternehmen und Generalunternehmer aus Oberhausen. Das Angebot umfasst schlüsselfertiges Bauen, Sanierung im Bestand sowie Bauträgerleistungen und Baubetreuung.

Die Aufgabe des Relaunchs: dieses Spektrum verständlich ordnen und das Unternehmen als zusammenhängende Marke präsentieren. Besucher sollen Leistungen einordnen, die Arbeitsweise kennenlernen und einen passenden Kontaktweg finden können.

BRANCHE
Bau / Generalunternehmer
STANDORT
Oberhausen, NRW
PROJEKTART
Website-Relaunch
UMSETZUNG
Konzeption · Design · Next.js

DIE GESTALTERISCHE LÖSUNG

PRÄGNANT IM AUFTRITT.
RUHIG IM DETAIL.

Große Schrift trifft auf großzügige Bildflächen. Dunkle Einstiege und helle Inhaltsbereiche geben der Website einen eigenen Rhythmus; zurückhaltendes Grün verbindet die einzelnen Elemente.

Helle MEDAG-Leistungsübersicht mit drei Bildbereichen für schlüsselfertiges Bauen, Sanierung und Bauträgerleistungen
02 / LEISTUNGEN AUF EINEN BLICK
FORM & ORIENTIERUNG

Drei Bereiche.
Ein Erscheinungsbild.

Einheitliche Bildformate, klare Bezeichnungen und feine grüne Linien halten die Leistungsdarstellung zusammen. Die Inhalte stehen im Vordergrund, die Gestaltung schafft den Rahmen.

Die Architektur- und Bauszenen sind Teil der Website-Bildwelt. Die gezeigten Visualisierungen dokumentieren keine ausgeführten Bauprojekte.

NUTZERFÜHRUNG & KONTAKT

VOM ERSTEN EINDRUCK
ZUM KONKRETEN ANLIEGEN.

Der Einstieg stellt das Unternehmen und seine Leistungsbereiche vor. Die Navigation führt zu den vertiefenden Seiten. Kontaktaktionen im Seitenverlauf geben Besuchern einen direkten nächsten Schritt, ohne den fachlichen Inhalt zu ersetzen.

  1. 01

    Orientieren

    Leistungsbereiche über den Einstieg und die Hauptnavigation erkennen.

  2. 02

    Vertiefen

    Leistungen, Arbeitsweise und Projektarten im Zusammenhang kennenlernen.

  3. 03

    Kontakt aufnehmen

    Über „Projekt anfragen“ zur Kontaktseite mit passender Leistungsauswahl gelangen.

MEDAG-Abschnitt zur Arbeitsweise mit großer Überschrift, Abstimmungsszene und vier übersichtlich angeordneten Merkmalen
03 / ARBEITSWEISE VERSTÄNDLICH ERKLÄRT

MOBILE EXPERIENCE

GLEICHE MARKE.
ANDERER MASSSTAB.

Auf dem Smartphone werden die Inhalte neu angeordnet: ein kompaktes Menü, mehrzeilige Headlines und Leistungs- sowie Projektbereiche untereinander. Bilder bleiben prägnant, Texte bekommen Raum und die nächste Aktion bleibt klar zu erkennen.

Die mobilen Ansichten zeigen den Einstieg zur Baubetreuung und die Darstellung unterschiedlicher Bauaufgaben. Der Auftritt bleibt wiedererkennbar, auch wenn sich das Layout verändert.

Mobile MEDAG-Website mit Logo, Baubetreuungs-Hero und gut erkennbarem Button Betreuung ansehen
04 / DER MOBILE EINSTIEG
Mobile MEDAG-Website mit kompaktem Menü und untereinander angeordneten Bereichen für Bauträgerprojekte und Baubetreuung
05 / INHALTE IM LESEFLUSS

TECHNISCHE UMSETZUNG

KLAR AUFGEBAUT.
FÜR DAS WEB ENTWICKELT.

Die Umsetzung mit Next.js verbindet das responsive Frontend mit einer geordneten Seitenarchitektur. Eigene Leistungsseiten und eindeutige Seitentitel schaffen die Grundlage, Inhalte für Menschen und Suchmaschinen verständlich einzuordnen.

Die Kontaktseite bündelt das Anliegen mit einer Leistungsauswahl und den erforderlichen Kontaktangaben. So sind Leistungsdarstellung und Kontaktaufnahme in der Seitenstruktur miteinander verbunden.

Next.js
Technische Grundlage der Unternehmenswebsite.
Responsives Frontend
Angepasste Navigation, Typografie und Inhaltsanordnung für verschiedene Bildschirmgrößen.
Seitenstruktur & SEO
Eigene Leistungsrouten, thematisch zugeordnete Inhalte, Seitentitel und Meta-Description.
Kontaktführung
Verknüpfte Kontaktaktionen und eine Anfrageoberfläche mit Leistungsauswahl.

DAS ERGEBNIS

EIN KONSISTENTER
UNTERNEHMENSAUFTRITT.

MEDAG Bau präsentiert seine Leistungen in einer eigenständigen visuellen Sprache: markante Einstiege, ruhige Inhaltsbereiche und eine Struktur, die vom Überblick ins Detail führt.

Das Ergebnis ist eine moderne Unternehmenswebsite mit wiedererkennbarer Gestaltung, verständlichen Leistungsbereichen und klar zugeordneten Kontaktwegen – auf dem Desktop ebenso wie auf dem Smartphone.

WEBSITE ANSEHEN (öffnet in neuem Tab)

DEIN PROJEKT MIT ECOMHEAD

DEINE WEBSITE SOLL MEHR
ALS GUT AUSSEHEN?

Du möchtest dein Unternehmen klar positionieren und deine Leistungen verständlich präsentieren? Lass uns besprechen, wie dein neuer Webauftritt aussehen kann.