Projekt:
Website Design

Bei diesem Projekt durfte ich mich an einem Redesign einer bestehenden Website versuchen, welches ich komplett in Figma umgesetzt habe. Die Seite wird nicht codiert und diente nur als Design Übung.

Cornelius Highlights

Mann im Anzug neben Firmenschild mit Unternehmenszahlen und Bild eines Mitarbeiters bei der Wurstverarbeitung.

Komponente 1 – Bild + Stats / Text + Icons + Bild

Ein starkes Bild, prägnante Kennzahlen und unterstützende Icons vermitteln sofort Qualität, Tradition und die handwerkliche Kompetenz von Cornelius.

Blaue Infografik zu Nachhaltigkeit und grüner Energie mit Symbolen für Produktion und Umwelt.

Komponente 2 – Text + Text + Icons / Text

Kurze Textmodule und passende Icons erklären transparent Werte, Produktionsschritte und das Verantwortungsbewusstsein des Unternehmens.

Zwei Köche in schwarzer Kleidung bereiten Speisen in professioneller Küche zu, mit Recruiting-Text.

Komponente 3 – Hintergrundbild + Überschrift + Text + CTA

Ein großflächiges Hintergrundbild mit klarer Headline und handlungsorientiertem CTA präsentiert Cornelius modern und einladend.

Projektzusammenfassung

Das Webdesign-Redesign für die Cornelius GmbH modernisiert die bestehende Markenpräsenz und stärkt die visuelle Kommunikation eines traditionsreichen Herstellers Pfälzer Wurstspezialitäten. Die neuen Layouts setzen stärker auf Bildwelten, klare Typografie und strukturierte Informationsmodule, um Qualität, Regionalität und Handwerk besser zu transportieren. Im Figma-Projekt wurden mehrere Designvarianten entwickelt – von einer ersten, funktional orientierten V1 bis zur ausgereiften V5, die auf optimierte Nutzerführung, harmonische Farbakzente und konsistente Komponenten setzt. Jede Version brachte Verbesserungen in Navigation, Content-Aufbau und visueller Hierarchie. Das finale Design kombiniert moderne UI-Elemente mit einer warmen, authentischen Bildsprache, um sowohl Tradition als auch zeitgemäße Markenwirkung zu vereinen.

Herausforderungen und Lernerfolge

Website mit Farbkontrast-Tool zeigt Kontrastverhältnis 9,12:1 und Text „Cornelius …einfach zum Reinbeißen“.

  • Typografische Abstimmung für Web-Kontraste gemäß AA und AAA Richtlinien

  • Farbpalette optimiert, um Barrierefreiheit und Markenwirkung sicherzustellen

  • Komponenten sinnvoll kombiniert, um klare Informationshierarchie zu schaffen

  • Effektive Hero-Sektion mit Hintergrundvideo und präziser Fokusführung erstellt

  • Navigation strukturiert, um Nutzer intuitiv und schnell zu leiten

  • Konsistente Komponentenbibliothek für effizientes Arbeiten im Figma aufgebaut

  • Mehrere Designversionen getestet und final wirkungsstark konsolidiert

  • Bildsprache verfeinert, um Handwerk und Regionalität überzeugend zu kommunizieren

Projekte und Tätigkeiten

Person mit Schal trinkt aus froschförmigem Becher vor dunklem Hintergrund, Name „BissjeTommy“.

BissjeTommy Website

Dieses Projekt umfasst eine Website für den Youtube Creator BissjeTommy und soll als eine Art erweiterter Linktree / Online Visitenkarte dienen.

zum Projekt
Hände tippen auf Laptop, darüber farbiger Code, unscharfer Hintergrund mit technischer Atmosphäre.

Webentwicklung

Arbeit an Webentwicklung zum Wiederverwenden auf Basis des Relume Figma Kit. Die Umsetzung wurde mit HTML, SCSS und Javacscript durchgeführt.

zum Projekt
Backsteinwand mit Schild „Barrierefreier Eingang“ und Rollstuhlsymbol.

Barrierefreiheit, UI & UX

Ein ausfürhlicher Blick auf Barrierefreiheit im Web und die WCAG des W3C (World Wide Web Consortium).

zum Projekt