Design und Technik für die Dach-Website der KURZ-Gruppe
Für den Relaunch seiner Website unter kurz.de beauftragte uns der Fürther Weltmarktführer mit der Entwicklung des neuen Designs. Die Portalseite sollte Besuchern eine attraktive Übersicht ermöglichen und auf die themenspezifischen Websites der Tochterunternehmen der KURZ-Gruppe verweisen.
Zunächst erstellten wir attraktive Vorschläge zu Screendesigns, welche den Einstieg nach Branchen und alternativ den Einstieg nach Lösungen bzw. KURZ Technologien ermöglichen. Der gewählte Entwurf überzeugte durch seine außergewöhnliche Darstellung der beiden Bereiche in Form eines Split Screens und den stark kontrastierenden Elementen. Neben der Startseite entwickelten wir ein dazu passendes Layout für die Unterseiten. Um möglichst flexibel mit verschiedenen Inhalten agieren zu können, folgte die Entwicklung von Design Pattern für Content-Typen wie Galerie, Video, Akkordeon, Tabs, Teaser Cards usw.
Bei der technischen Umsetzung fokusierten wir uns auf das Front-End mit HTML, CSS und JavaScript unter Nutzung von Bootstrap 5 und den Standard-Libraries von KURZ, wie z.B. Lazysizes oder Flowplayer. Bei der Programmierung des Frontends lag das Hauptaugenmerk auf den Splitscreens und den Berechnungen dazu. So schließen beispielsweise aufgrund von diversen dynamischen Berechnungen die beiden Spalten auf der Startseite immer bündig ab, egal wie viele Inhalte in den jeweiligen Boxen enthalten sind.
Weiterhin realisierten wir während der Front-End-Umsetzung auch die mobile Ansicht mit dazugehörigen Optimierungen, beispielsweise die Definition von responsiven Bildern. Dies erleichterte den Back-End-Programmierern von KURZ die CMS-Umsetzung im Anschluss. Auf Basis unserer definierten Content-Elemente wurden abschließend die Seiten und Inhalte erstellt und die Website von KURZ online gebracht.
LEONHARD KURZ Stiftung & Co. KG
KURZ ist ein weltweit führender Experte im Bereich der Dünnschichttechnologie mit mehr als 5.500 Mitarbeitenden, einer umfassenden Nachhaltigkeitsstrategie, großartiger Innovationskraft, zahlreichen internationalen Standorten und Hauptsitz im schönen Fürth.
3
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
V
W
X
Z