Schmid Bautech AG, moderner Webauftritt für Bautenschutz und Bauarbeiten

Schmid Bautech AG, moderner Webauftritt für Bautenschutz und Bauarbeiten

01.01.2026

Über dieses Projekt

Für die Schmid Bautech AG habe ich einen modernen Webauftritt umgesetzt, der die Leistungen, Referenzen und das Team des Unternehmens klar und professionell präsentiert. Ziel war es, die Webseite visuell stark, übersichtlich und benutzerfreundlich aufzubauen. Besonders wichtig war dabei, dass die vielen Inhalte nicht überladen wirken, sondern in klare Bereiche gegliedert werden. Durch grosse Bilder, strukturierte Inhaltsblöcke, wiederkehrende Layouts und eine einfache Navigation entstand eine Webseite, die Vertrauen schafft und die Qualität der Arbeiten sichtbar macht.

Schnellnavigation

1Visueller Einstieg mit starker Wirkung2Klare Seitenstruktur für einfache Orientierung3Leistungen übersichtlich dargestellt4Referenzen als zentrales Vertrauenselement5Wiederverwendbare Inhaltsblöcke6Team und Kontakt nahbar integriert7Responsive Umsetzung für verschiedene Geräte8Projektabschluss

Visueller Einstieg mit starker Wirkung

Grosse Bilder statt überladener Texte

Beim Einstieg der Webseite habe ich bewusst mit grossen, echten Baustellenbildern gearbeitet. Dadurch wird sofort klar, in welchem Bereich das Unternehmen tätig ist, ohne dass der Nutzer zuerst viel Text lesen muss. Die Bildsprache macht die Webseite glaubwürdig und vermittelt direkt einen professionellen Eindruck. Der Einstieg sollte nicht nur schön aussehen, sondern auch sofort Vertrauen schaffen und die Qualität der Arbeiten sichtbar machen.
Visueller Einstieg mit starker Wirkung

Klare Seitenstruktur für einfache Orientierung

Wenige Hauptpunkte, dafür logisch aufgebaut

Die Webseite enthält verschiedene Inhaltstypen wie Leistungen, Referenzen, Team und Kontakt. Damit die Seite trotzdem einfach verständlich bleibt, habe ich die Navigation bewusst reduziert und die Inhalte klar getrennt. Besucher sollen ohne langes Suchen verstehen, wo sie welche Informationen finden. Deshalb wurde die Struktur auf die wichtigsten Bereiche fokussiert und nicht unnötig verschachtelt.
Klare Seitenstruktur für einfache Orientierung

Leistungen übersichtlich dargestellt

Komplexe Angebote in klare Bereiche aufgeteilt

Die Leistungen des Unternehmens sind umfangreich. Damit diese Informationen nicht unübersichtlich wirken, habe ich sie in klare Leistungsbereiche gegliedert. Jeder Bereich erhält eine eigene visuelle und inhaltliche Gewichtung. So kann der Nutzer schnell erfassen, welche Arbeiten angeboten werden, ohne von einer langen Textliste erschlagen zu werden. Die Darstellung hilft dabei, technische Inhalte verständlich und sauber zu präsentieren.
Leistungen übersichtlich dargestellt

Referenzen als zentrales Vertrauenselement

Projekte nicht nur zeigen, sondern nachvollziehbar machen

Die Referenzen habe ich so aufgebaut, dass sie mehr sind als nur eine Bildergalerie. Jede Referenz enthält konkrete Informationen wie Projektbeschreibung, Bauherrschaft, Bauleitung, Auftragsvolumen und Bauzeit. Dadurch wirkt die Seite professioneller und glaubwürdiger. Nutzer können nicht nur sehen, dass Projekte umgesetzt wurden, sondern auch verstehen, welche Art von Arbeiten dahintersteht.
Referenzen als zentrales Vertrauenselement
Wiederverwendbare Inhaltsblöcke

Wiederverwendbare Inhaltsblöcke

Einheitlicher Aufbau für bessere Pflege

Damit die Webseite langfristig einfach erweitert werden kann, habe ich mit wiederverwendbaren Inhaltsblöcken gearbeitet. Besonders bei Leistungen und Referenzen ist ein einheitlicher Aufbau wichtig, weil später weitere Inhalte ergänzt werden können. Durch diese Struktur bleibt die Webseite sauber, konsistent und wartbar. Neue Inhalte können eingefügt werden, ohne dass das Design jedes Mal neu angepasst werden muss.

Team und Kontakt nahbar integriert

Persönlichkeit statt anonymer Firmenauftritt

Bei der Teamseite war mir wichtig, die Ansprechpersonen klar und persönlich darzustellen. Die Nutzer sollen schnell erkennen, wer für welche Bereiche zuständig ist und wie sie Kontakt aufnehmen können. Deshalb wurden die Teammitglieder mit Funktion und Kontaktangaben übersichtlich eingebunden. So wirkt die Webseite persönlicher und passt besser zu einem regional verankerten Unternehmen.
Team und Kontakt nahbar integriert

Responsive Umsetzung für verschiedene Geräte

Saubere Darstellung auf Desktop, Tablet und Mobile

Die Webseite wurde so umgesetzt, dass sie auf verschiedenen Bildschirmgrössen sauber funktioniert. Besonders bei grossen Bildern, Karten, Referenzen und Teamblöcken war es wichtig, dass die Inhalte auch auf kleineren Geräten übersichtlich bleiben. Deshalb wurden Abstände, Bildgrössen und Layoutwechsel so angepasst, dass die Seite nicht nur auf dem Desktop, sondern auch auf Mobile professionell wirkt.
Responsive Umsetzung für verschiedene Geräte

Projektabschluss

Struktur, Bildsprache und Vertrauen kombiniert

Dieses Projekt zeigte mir, wie wichtig eine klare Struktur bei inhaltsreichen Webseiten ist. Die Herausforderung lag nicht nur darin, die Seite visuell ansprechend umzusetzen, sondern die vielen Informationen so zu ordnen, dass sie verständlich, professionell und glaubwürdig wirken. Besonders die Kombination aus starken Bildern, klaren Inhaltsbereichen und detaillierten Referenzen macht den Webauftritt überzeugend.