Referenz 02

Rubik GmbH
Website inkl. Galerien

Entwicklung einer modernen, visuell eindrucksvollen Website, die die hochwertigen Bodenmaterialien und Referenzprojekte emotional und funktional präsentiert – mit Fokus auf Nutzerführung, Galerieintegration und CMS-basierter Pflege.

Zum Live-Projekt
Rubik GmbH – Website Übersicht
Rubik – Startseite und Navigation
Rubik – Navigationsstruktur
Rubik – Galerieansichten
Rubik – Detailseite und Produktansichten

PROJEKT-ÜBERSICHT

Anforderung, Strategie und Ergebnis

Ziel: Schaffung einer visuell ansprechenden, nutzerzentrierten Website, die Produkte klar kommuniziert, Orientierung bietet und eigenständig pflegbar ist.

Aufgaben: Beratung, Konzeption und Umsetzung von UX und UI, Designentwicklung auf Basis des bestehenden Corporate Designs sowie Begleitung der CMS-gestützten Implementierung.

Jahr und zeitlicher Rahmen: 2020 – 5 Monate

Rolle: UX/UI Designerin, Konzeption und Umsetzung

Fokus: Nutzerführung, Galerieintegration, CMS-basierte Pflege

Tools: Figma, Adobe Photoshop, Joomla!

Ausgangslage und Zielsetzung

Die Herausforderung

  • Strukturierte Darstellung einer großen Anzahl an Produkttexturen und Referenzprojekten
  • Entwicklung eigenständiger, performanter Galerien
  • Barrierearme Navigation und klare Informationsarchitektur
  • Zielgerichtete Nutzerführung für Kunden, Architekten, Planer und Handwerker
Herausforderung – Strukturierte Darstellung von Produkten und Referenzen
Vorgehensweise – UX/UI Konzeption und Redesign

Strategie und Konzeption

Mein Vorgehen

  • UX- und UI-Konzeption mit Fokus auf Nutzerführung und Informationsarchitektur
  • Redesign unter Berücksichtigung des bestehenden CI
  • Entwicklung eines modularen Seiten- und Galeriekonzepts
  • Konzeption interaktiver Galerien mit Detail- und Strukturansichten
  • Enge Abstimmung mit dem Kunden zur Sicherstellung der redaktionellen Pflege im CMS

Umsetzung und Wirkung

Das Ergebnis

  • Visuell differenzierte Website mit texturierten Hintergrundflächen aus realen Bodenmaterialien
  • Interaktive, klar strukturierte Galerien für Produkte und Referenzobjekte
  • Responsives, barrierearmes Design mit konsistenter UI
  • CMS-gestützte, modulare Architektur zur flexiblen Erweiterung
  • Eigenständige Pflege aller Inhalte durch das Kundenteam
Endergebnis – Responsive Website mit Galerien und CMS

Fazit

Auf den Punkt gebracht

Ein responsives Redesign im Einklang mit dem CI des Kunden, klare UX-Strukturen, konsistente UI-Elemente und modulare CMS-Lösungen führten zu einer Website, die nicht nur visuell überzeugt, sondern auch barrierearm, flexibel und nutzerzentriert ist.

Das Ergebnis: stärkere Marktpräsenz, vereinfachte Kommunikation und durchweg positive Resonanz – ein Projekt, das Designkompetenz und messbaren Impact vereint.