Unser Kunde bat uns, eine Website für das Produkt Pedilay zu entwickeln und stellte uns dafür moderne, elegante Visuals als Ausgangspunkt zur Verfügung. Trotz einer anspruchsvollen Deadline konnte das Projekt pünktlich und erfolgreich abgeschlossen werden, nicht zuletzt dank der hervorragenden Zusammenarbeit mit dem Kunden und dessen Designagentur.
Was wollte der Kunde?
Für den Launch des neuen Produkts „Pedilay“ benötigte unser Kunde eine Website, die das Produkt optisch ansprechend präsentiert und dabei diverse moderne UX Elemente einsetzt.
Zum Launch sollte die Website nur fünf Unterseiten mit je einem einzigartigen Layout enthalten, wir sollten jedoch bereits jetzt den Grundstein für einen späteren Ausbau zu einer großen, mehrsprachigen Website legen.
Unsere Rolle im Projekt
Unsere Aufgabe war es, den Kunden und dessen Designagentur beim Design- und Planungsprozess beratend zur Seite zu stehen und Input aus Entwicklungs- und Usability-Sicht zu liefern. Darüber hinaus implementierten wir die Website auf Basis von zur Verfügung gestellten Mockups, wobei wir diverse maßgeschneiderte Layout-Elemente entwickelten.
Wir setzten dabei auf die Page Builder Erweiterung und diverse andere Methoden, die es dem Kunden ermöglichen sollten, den Großteil der Website wie Texte, Layouts und den Slider ohne externe Anleitung selbst zu editieren.
Projekt Highlights
1. Slider mit Card Effekt
Auf der Homepage implementierten wir einen individuellen Intro-Slider mit einem „Card Slide“ Effekt inklusive transparenter Farben und einem alternativen responsiven Layout. Dies setzten wir so um, dass der Kunde in Zukunft Änderungen an Buttons, Farben und Content selbst vornehmen kann.
2. Flüssiges, nicht Grid-basiertes Layout
Dem Produkt entsprechend wurde das Layoutdesign in der Ästhetik einer Produktbroschüre umgesetzt. Daher war es an manchen Stellen notwendig, aus dem standardmäßigen Grid-basierten 12-Spalten-Layout „auszubrechen“, um eine Überlappung von Elementen zu ermöglichen und die gewünschte Positionierung von Content und Hintergrund zu erreichen.
3. Interaktives Anmeldeformular
Nach erfolgreichem Ausfüllen des Pedilay Anmeldeformulars erhält der User eine ansprechende visuelle Bestätigung in Form eines sich verändernden Hintergrunds im Stil der Gewebestruktur des physischen Pedilay Produkts.
4. Ausklappbare Text-Elemente
Das Layout der Seite sollte durchwegs klar und aufgeräumt, mit einem starken Fokus auf der verwendeten Bildsprache sein. Aus diesem Grund wurden bestimmte Text-Elemente abgekürzt und um eine Button-gesteuerte Ausklappmöglichkeit ergänzt.
5. Full-Screen Navigation auf mobilen Endgeräten
Die Navigation auf mobilen Endgeräten sollte ein visuelles Highlight der Website werden. Um dies zu erreichen, implementierten wir ein Full-Screen Menü, das intuitiv bedienbar ist und gleichzeitig den Fokus auf die Marke Pedilay lenkt.
Unser Fazit
Die Basis dieses Projekts war die erfolgreiche Zusammenarbeit mit dem Kunden und dessen Designagentur. Pedilay war mit dem Endergebnis hochzufrieden und hat uns gebeten, sie im nächsten Jahr beim Ausbau der Website zu einer signifikant größeren Plattform zu begleiten.
Der Kunde
Die Pedilay Care GmbH ist ein junges, weltweit vernetztes Team aus Praktikern, Forschern und Unternehmern mit Hauptsitz in München. Gemeinsam entwickeln die innovative, intuitiv anwendbare Einweg-Medizinprodukte für Füße. Im Zentrum dieser Entwicklungen steht der Vorteil für den Patienten und sein Umfeld.