WebsitesUnternehmenswebsite

Unternehmenswebsite

Eine schnelle, mehrsprachige Firmenwebsite mit Leistungsseiten, Angebotsanfragen und einem einfachen CMS — suchmaschinengerecht aufgebaut und vom Team leicht aktuell zu halten.

Projektdaten

Projektart: Unternehmenswebsite
Kategorie: Websites
Branche: Industrie- und Unternehmensdienstleistungen
Technologie-Stack: Next.js
React
TypeScript
Tailwind CSS
next-intl
PostgreSQL
Prisma

Startseite der Firmenwebsite mit Überschrift, Angebotsbutton, hervorgehobener Leistung und vier Leistungskacheln

Überblick

Dieses Demonstrationsprojekt zeigt die Website eines Industriedienstleisters, gebaut so, wie Saad Unternehmenswebsites umsetzt: Jede Leistung bekommt eine eigene Seite mit klarer Botschaft, die Angebotsanfrage erreicht die richtige Person, und das Team pflegt Texte, Bilder und Übersetzungen ohne Entwickler.

Die Website ist in mehreren Sprachen verfügbar, darunter Arabisch mit echtem Rechts-nach-links-Layout, und jede Sprache hat eigene URLs und Suchmetadaten statt einer übersetzten Kopie unter einer Adresse.

Die Herausforderung

Viele Firmenwebsites sind Broschüren, die nicht mehr zum Unternehmen passen. Leistungen stehen auf einer langen Seite, das Kontaktformular landet in einem ungelesenen Postfach, Änderungen warten auf die Agentur, und auf dem Smartphone ist die Seite langsam. Für Unternehmen in mehreren Ländern bedeutet eine weitere Sprache oft eine zweite Website, die nicht synchron bleibt.

Die Lösung

Das Konzept ordnet die Website nach dem, was das Unternehmen verkauft: eine klare Startseite, eine Seite pro Leistung, Branchen, Projekte und ein Kontaktweg mit den richtigen Fragen. Ein schlankes CMS verwaltet Seiten, Abschnitte, Bilder und Übersetzungen, inklusive Suchvorschau und Längenprüfung. Anfragen werden validiert, vor Spam geschützt und mit der Herkunftsseite per E-Mail weitergeleitet.

Wichtigste Funktionen

Startseite, Leistungsseiten, Branchen, Projekte und Karriere
Angebotsformular mit Spamschutz und E-Mail-Weiterleitung
CMS für Seiten, Abschnitte, Bilder und Navigation
Mehrsprachige Inhalte mit echtem arabischem Rechts-nach-links-Layout
Vorschau der Suchdarstellung und Längenprüfung je Seite
Automatische Sitemap, kanonische URLs und hreflang
Strukturierte Daten für das Unternehmen und seine Leistungen
Schnelles Laden auf dem Smartphone mit optimierten Bildern

Für wen

Dienstleister, deren Website nicht mehr zum Geschäft passt
Unternehmen, die in mehr als einer Sprache arbeiten
Teams, die ihre Website ohne Agentur pflegen wollen
Firmen, die Anfragen über Suchmaschinen gewinnen und einen klaren Angebotsweg brauchen

Technisches Vorgehen

Next.js rendert die Seiten statisch und aktualisiert sie, sobald sich Inhalte ändern — schnell geladen und gut crawlbar. Inhalte liegen über Prisma in PostgreSQL, eine Zeile pro Sprache; next-intl übernimmt lokalisierte Routen und hreflang. Strukturierte Daten, automatische Sitemap und kanonische URLs sind Teil des Aufbaus, keine Nacharbeit.

Frontend: Next.js
React
TypeScript
Tailwind CSS
next-intl
Backend: Prisma
Datenbank: PostgreSQL
Integrationen: SMTPGoogle Search Console

Screens

Kundenoberfläche

Leistungsseite mit Leistungsnavigation, Ablauf-Checkliste und Angebotsformular

Verwaltungsoberfläche

CMS der Website mit Seitenliste, Übersetzungsstatus je Sprache und Seiteneditor mit Suchvorschau

Mobile und responsive Ansichten

Drei Smartphone-Bildschirme der Firmenwebsite: englische Startseite, Kontaktformular und arabische Startseite von rechts nach links

Leistungen hinter diesem Projekt

Die Arbeit in dieser Fallstudie entspricht diesen Leistungen. Jede Seite erklärt Umfang, Ablauf und was Sie erhalten.

Unternehmenswebsite

Fragen zu dieser Art von Projekt

Ist das die Website eines echten Unternehmens?

Nein. Firmenname und Inhalte sind fiktiv, und jeder Screen ist als Beispielinhalt gekennzeichnet. Das Projekt zeigt Aufbau und Funktionen, die Saad für Unternehmenswebsites einsetzt.

Können wir die Website nach dem Start selbst bearbeiten?

Ja. Das CMS umfasst Seiten, Abschnitte, Bilder und Übersetzungen, sodass für alltägliche Änderungen kein Entwickler nötig ist. Strukturelle Änderungen wie neue Seitentypen oder Funktionen sind Entwicklungsarbeit.

Wie wird SEO bei einer mehrsprachigen Firmenwebsite umgesetzt?

Jede Sprache hat eigene URLs, Titel und Beschreibungen, verknüpft über hreflang. Eine Sprache wird erst veröffentlicht, wenn ihr Inhalt wirklich geschrieben ist — so indexieren Suchmaschinen keine halb übersetzten Seiten.

Sie möchten ein ähnliches Projekt?

Sagen Sie Saad, was Sie brauchen. Sie erhalten einen klaren Umfang, einen Plan in Phasen und direkten Kontakt zum Entwickler – ohne Zwischenhändler.

Direkte, klare Kommunikation
Sie sprechen direkt mit dem Ingenieur, der den Code schreibt — ohne Vertrieb dazwischen, ohne vage Termine.
Vollständig individuell
Keine fertigen WordPress-Themes oder kopierter Code — jede Zeile wird für die Anforderungen und Größe Ihres Unternehmens geschrieben.
Von der Idee zum Launch
Hilfe beim Ausformulieren der Spezifikation und bei der Umsetzung einer groben Idee in ein echtes, nutzbares Produkt.

Das Anfrageformular öffnet sich mit dieser Projektart bereits ausgewählt.