Projekt 08 von 12 · Website

Deniz Service

Eine zweisprachige Website für einen Industrielieferanten: Katalog mit 21 Kategorien und Ankernavigation, eine eigens gebaute Zertifikatskomponente, saubere URLs auf Apache und vollständiges Such-Markup.

Ergebnis
Lieferantenkatalog: 21 Kategorien und Dokumente mit einem Klick
Dauer
≈ 2 Wochen
Übergabe
Juli 2026
Technologien & Kanäle
  • HTML/CSS/JS
  • jQuery
  • Mehrsprachig
  • SEO
  • Apache/.htaccess
Auf dieser Seite04

01Über den Kunden

Deniz Service liefert seit 2005 Material und technische Unterstützung für Öl und Gas, Metallurgie, Lebensmittel- und Chemieindustrie, Bau und Landwirtschaft. Das Unternehmen ist ein zentraler Beschaffungspartner — von explosionsgeschützter Ausrüstung und Armaturen bis zu Anschlagmitteln, HLK und persönlicher Schutzausrüstung — und vertritt elf ausländische Hersteller in Aserbaidschan. Es verfügt über ein Qualitätsmanagementsystem nach ISO 9001:2015 und eine D-U-N-S-Registrierung.

Ein solches Unternehmen braucht keine Website für den Kauf per Klick: Ingenieure und Einkäufer kommen, um zwei Dinge zu prüfen — ob das Sortiment passt und ob der Lieferant berechtigt ist, es zu liefern.

02Was wir getan haben

  • Die Website in reinem Code gebaut — HTML, CSS, JavaScript und jQuery, ohne CMS: Die Seiten werden als fertige Dateien ausgeliefert, es gibt keine Plugins, die bei Updates brechen, und kein Admin-Panel als Angriffsfläche.
  • Zwei Sprachversionen erstellt: Englisch im Stammverzeichnis, Aserbaidschanisch unter /az/. Jede Seite hat ihr eigenes Canonical und einen vollständigen hreflang-Cluster — en, az und x-default.
  • Den Katalog auf eine eigene Seite verlegt: 21 Produkt- und Leistungskategorien, jede mit ausgeklapptem Inhalt. Karten auf der Startseite verlinken per Anker direkt in den passenden Block statt an den Anfang einer langen Liste.
  • Die Komponente für den Partnerbereich von Grund auf geschrieben: Eine Leiste mit elf Marken entsteht aus einer einzigen Datendatei, ein Klick öffnet eine eigene Lightbox — Zoom per Klick und Mausrad, Pinch auf dem Smartphone, Ziehen mit Schwellenwert (damit ein Klick nicht zur versehentlichen Verschiebung wird), vertikale Vorschaubilder und Unterstützung für Marken mit mehreren Autorisierungsdokumenten.
  • Apache per .htaccess konfiguriert: URLs ohne .html, 301-Weiterleitungen von alten Formen, erzwungenes HTTPS, Adresse ohne www und ohne abschließenden Schrägstrich — genau eine kanonische Form pro Seite. Dazu gzip, Cache-Header nach Dateityp, Sicherheits-Header und korrekte MIME-Typen für WebP und Schriften.
  • Das Markup für Suchmaschinen geschrieben: ein JSON-LD-@graph mit Organization, WebSite, WebPage und BreadcrumbList, Open Graph und Twitter Cards sowie eine sitemap.xml mit Sprachalternativen für jede URL.
  • Die Dokumente direkt veröffentlicht: Firmenpräsentation, ISO-Zertifikat, Laborakkreditierungen und die Autorisierungsschreiben aller elf Hersteller. Jedes PDF öffnet sich mit einem Klick, ohne Formular und Registrierung.
  • Alle Rastergrafiken in WebP umgewandelt und Lazy Loading für Bilder aktiviert.

03Design und Struktur

Das Design entstand gemeinsam mit dem Kunden. Der erste Bildschirm ist dunkel, mit einem Produktionsfoto und einem einzigen Satz über das Unternehmen: Ein Industrielieferant gewinnt mehr, wenn er sofort sein Profil nennt, als mit einem Slogan. Darunter folgt ein Raster heller Karten auf dunklem Grund — 21 Kategorien, die sich wie ein Katalog lesen und nicht wie ein Werbeblock.

Das grafische Motiv, ein feines Polyedernetz auf den Hintergrundbildern, hält den ingenieurtechnischen Ton, ohne mit den Gerätefotos zu konkurrieren. Die Vertrauensargumente sind an einer Stelle gebündelt: Jahre am Markt, Unternehmensgrundsätze, ISO-Zertifikat und D-U-N-S-Siegel. Kontakte stehen als direkte E-Mail- und Telefonlinks neben einer Karte — ein Einkäufer will Kontakt aufnehmen, kein Formular ausfüllen.

04Zeitrahmen und Ablauf

Rund zwei Wochen für Umsetzung, Kataloginhalte, die Zertifikatskomponente und die Einrichtung des Hostings. Übergabe im Juli 2026.

Sie brauchen etwas Ähnliches?

Erzählen Sie uns von Ihrer Aufgabe — Kostenschätzung und Zeitplan gibt es nach einem 15‑minütigen Briefing.

Ähnliches Projekt besprechen