NDS Navy
#0A2D6E
Verwendung
Navigation · Headings · Footer
Wirkung
Vertrauen · Seriosität · Kompetenz
PHASE 4 — DESIGNSYSTEM
Farbkonzept
Azure Blue
#0078D4
Verwendung
Buttons · Links · Interaktive Elemente
Wirkung
Technologie · Innovation · Verlässlichkeit
NDS Magenta
#E4007A
Verwendung
Akzente · Badges · Buttons
Wirkung
Energie · Dynamik · Aufmerksamkeit
Cloud White
#F5F7FA
Verwendung
Hintergrundflächen · Card-BGs
Wirkung
Klarheit · Ordnung · Leichtigkeit
Forest Green
#16A34A
Verwendung
Status-Badges · Bestätigung
Wirkung
Sicherheit · Fortschritt · Positivität
Typografiesystem
INTER 800
H1 · 56 px · Line-height 1.1
H1 · 56 px · Line-height 1.1
Ihre IT. Unser Fullservice.
Hero · Hauptüberschriften
Hero · Hauptüberschriften
INTER 700
H2 · 36 px · Line-height 1.2
H2 · 36 px · Line-height 1.2
Managed IT & Helpdesk
Sektions-Überschriften
Sektions-Überschriften
INTER 500
Label · 14 px · Uppercase
Label · 14 px · Uppercase
30 JAHRE ERFAHRUNG
Kicker · Labels · Badges
Kicker · Labels · Badges
INTER 400
Body · 16 px · Line-height 1.6
Body · 16 px · Line-height 1.6
NDS Systemhaus begleitet mittelständische Unternehmen seit über 30 Jahren als verlässlicher IT-Partner – von Infrastruktur über Cloud-Lösungen bis IT-Sicherheit.
Fließtext · Beschreibungen
Fließtext · Beschreibungen
Hero-Screen Konzept
IT-Lösungen
Karriere
IT-SYSTEMHAUS · SEIT 30+ JAHREN
Ihre IT.
Unser Fullservice.
Managed IT · nubo.x Cloud · Netzwerk · IT-Sicherheit
Beratungsgespräch → Portfolio entdecken
1
Tab wechselt Bild + Text + CTAs
Dynamische Segmentierung je Zielgruppe.
2
A/B-Test ready
Variante B: Recruiting-Hero mit Karriere-CTA.
3
Mobile: Swipe-Geste
Tab-Navigation als horizontaler Touch-Swiper.
5 Conversion-Booster Komponenten
01
01
IT-Kosten-Rechner
Gibt Interessenten sofortigen Mehrwert und qualifiziert Leads automatisch.
+35 % Lead-Rate
02
02
Quick-Apply Widget
Reduziert Bewerbungsabbrüche durch einen 3-Schritt-Prozess.
+60 % Apply-Rate
03
03
Trust-Bar animiert
Referenzen und Zertifikate werden sichtbar und segmentiert.
↑ Sofortvertrauen
04
04
Sticky CTA-Bar
Immer sichtbare Kontakt-Option erhöht die Conversion.
+28 % CTR
05
05
Ansprechpartner-Card — Human Touch
Persönliches Kontaktangebot baut Hemmschwellen ab.
+42 % Kontakt-Rate