Alternatives Webdesign

Projektbeschreibung

Der digitale Heilungskreislauf für SMORT: Für den Pitch um den Web-Relaunch des Traditionsunternehmens SMORT habe ich ein Konzept entwickelt, das die klassische Website-Struktur aufbricht. SMORT ist Hersteller von Orthesen und Verbänden – Produkte, die Menschen in verschiedenen Phasen der Genesung begleiten. Die Kernidee des Entwurfs ist der „Heilungskreislauf“. Eine dreifarbige Verlaufslinie fungiert als visueller roter Faden durch die gesamte Benutzeroberfläche. Sie symbolisiert die Flexibilität der Produkte sowie den fließenden Übergang zwischen den Anwendungsgebieten. Das visuelle Konzept setzt auf einen starken Kontrast: Ein seriöses Schwarz und Weiß bilden die solide Basis und spiegeln das Vertrauen in die Traditionsmarke wider. Der bunte Verlauf bricht diese Strenge auf, setzt frische Akzente und verknüpft die drei Hauptzielgruppen (Händler, Mediziner und Patienten) in einem intuitiven Erlebnis.

Button

Projektbeschreibung

Der digitale Heilungskreislauf für SMORT: Für den Pitch um den Web-Relaunch des Traditionsunternehmens SMORT habe ich ein Konzept entwickelt, das die klassische Website-Struktur aufbricht. SMORT ist Hersteller von Orthesen und Verbänden – Produkte, die Menschen in verschiedenen Phasen der Genesung begleiten. Die Kernidee des Entwurfs ist der „Heilungskreislauf“. Eine dreifarbige Verlaufslinie fungiert als visueller roter Faden durch die gesamte Benutzeroberfläche. Sie symbolisiert die Flexibilität der Produkte sowie den fließenden Übergang zwischen den Anwendungsgebieten. Das visuelle Konzept setzt auf einen starken Kontrast: Ein seriöses Schwarz und Weiß bilden die solide Basis und spiegeln das Vertrauen in die Traditionsmarke wider. Der bunte Verlauf bricht diese Strenge auf, setzt frische Akzente und verknüpft die drei Hauptzielgruppen (Händler, Mediziner und Patienten) in einem intuitiven Erlebnis.

Button

Projektbeschreibung

Der digitale Heilungskreislauf für SMORT: Für den Pitch um den Web-Relaunch des Traditionsunternehmens SMORT habe ich ein Konzept entwickelt, das die klassische Website-Struktur aufbricht. SMORT ist Hersteller von Orthesen und Verbänden – Produkte, die Menschen in verschiedenen Phasen der Genesung begleiten. Die Kernidee des Entwurfs ist der „Heilungskreislauf“. Eine dreifarbige Verlaufslinie fungiert als visueller roter Faden durch die gesamte Benutzeroberfläche. Sie symbolisiert die Flexibilität der Produkte sowie den fließenden Übergang zwischen den Anwendungsgebieten. Das visuelle Konzept setzt auf einen starken Kontrast: Ein seriöses Schwarz und Weiß bilden die solide Basis und spiegeln das Vertrauen in die Traditionsmarke wider. Der bunte Verlauf bricht diese Strenge auf, setzt frische Akzente und verknüpft die drei Hauptzielgruppen (Händler, Mediziner und Patienten) in einem intuitiven Erlebnis.

Button

Herausforderungen

Komplexe Inhalte, drei Zielgruppen, ein Zugang: Die zentrale Hürde bestand darin, die enorme Produktvielfalt und die tiefgehenden Informationen (z.B. Anlegevideos, Krankheitsbilder) übersichtlich darzustellen. Dabei mussten drei sehr unterschiedliche Personas angesprochen werden, wobei der Fokus primär auf den Fachhändlern lag, die ihren Kunden das passende Produkt empfehlen müssen. Die Aufgabenstellung verlangte eine Balance zwischen Moderne und Tradition: Wie leitet man Nutzer schnell zum Ziel, reduziert die Klickrate und schafft gleichzeitig eine emotionale Markenbindung, ohne die Seriosität eines Medizinprodukteherstellers zu verlieren?

Button

Herausforderungen

Komplexe Inhalte, drei Zielgruppen, ein Zugang: Die zentrale Hürde bestand darin, die enorme Produktvielfalt und die tiefgehenden Informationen (z.B. Anlegevideos, Krankheitsbilder) übersichtlich darzustellen. Dabei mussten drei sehr unterschiedliche Personas angesprochen werden, wobei der Fokus primär auf den Fachhändlern lag, die ihren Kunden das passende Produkt empfehlen müssen. Die Aufgabenstellung verlangte eine Balance zwischen Moderne und Tradition: Wie leitet man Nutzer schnell zum Ziel, reduziert die Klickrate und schafft gleichzeitig eine emotionale Markenbindung, ohne die Seriosität eines Medizinprodukteherstellers zu verlieren?

Button

Herausforderungen

Komplexe Inhalte, drei Zielgruppen, ein Zugang: Die zentrale Hürde bestand darin, die enorme Produktvielfalt und die tiefgehenden Informationen (z.B. Anlegevideos, Krankheitsbilder) übersichtlich darzustellen. Dabei mussten drei sehr unterschiedliche Personas angesprochen werden, wobei der Fokus primär auf den Fachhändlern lag, die ihren Kunden das passende Produkt empfehlen müssen. Die Aufgabenstellung verlangte eine Balance zwischen Moderne und Tradition: Wie leitet man Nutzer schnell zum Ziel, reduziert die Klickrate und schafft gleichzeitig eine emotionale Markenbindung, ohne die Seriosität eines Medizinprodukteherstellers zu verlieren?

Button

Lösungsansatz

Mein Ansatz bricht mit gängigen Mustern und nutzt eine duale Mechanik, um die Auffindbarkeit von Inhalten zu optimieren: Zirkuläre User-Führung & 2-Achsen-Navigation. Horizontale Ebene (Entdeckung): Auf dem Homescreen scrollt bzw. klickt der User horizontal. Hier werden Persona-spezifische Inhalte, Shortcuts zu oft gesuchten Themen und dynamische Vorschläge ausgespielt, wenn möglich basierend auf früheren Besuchen. Vertikale Ebene (Deep Dive): Sobald der User mehr wissen möchte, scrollt er vertikal. Hier öffnen sich Detailinformationen, Firmen-News und tiefergehende Produktbeschreibungen. Visuelles Leitsystem: Die dreifarbige Linie codiert die Zielgruppen. Wo sich Interessen überschneiden, entsteht ein Farbverlauf. Ein interaktiver 3D-Produktfinder ermöglicht es Nutzern zudem, über ein Körpermodell mit klickbaren Markierungen (gelbe Highlights) direkt nach der betroffenen Region zu filtern. Mobile Strategie: Da die Datenanalyse der Bestandsseite eine klare Dominanz der Desktop-Nutzung zeigte, lag der Fokus auf großen Screens. Dennoch ist das Konzept responsive: Auf Mobile wird die horizontale Ebene in einen intuitiven Swipe-Slider übersetzt und die Informationsdichte vereinfacht, um die User Experience auch auf kleinen Geräten flüssig zu halten.

Button

Lösungsansatz

Mein Ansatz bricht mit gängigen Mustern und nutzt eine duale Mechanik, um die Auffindbarkeit von Inhalten zu optimieren: Zirkuläre User-Führung & 2-Achsen-Navigation. Horizontale Ebene (Entdeckung): Auf dem Homescreen scrollt bzw. klickt der User horizontal. Hier werden Persona-spezifische Inhalte, Shortcuts zu oft gesuchten Themen und dynamische Vorschläge ausgespielt, wenn möglich basierend auf früheren Besuchen. Vertikale Ebene (Deep Dive): Sobald der User mehr wissen möchte, scrollt er vertikal. Hier öffnen sich Detailinformationen, Firmen-News und tiefergehende Produktbeschreibungen. Visuelles Leitsystem: Die dreifarbige Linie codiert die Zielgruppen. Wo sich Interessen überschneiden, entsteht ein Farbverlauf. Ein interaktiver 3D-Produktfinder ermöglicht es Nutzern zudem, über ein Körpermodell mit klickbaren Markierungen (gelbe Highlights) direkt nach der betroffenen Region zu filtern. Mobile Strategie: Da die Datenanalyse der Bestandsseite eine klare Dominanz der Desktop-Nutzung zeigte, lag der Fokus auf großen Screens. Dennoch ist das Konzept responsive: Auf Mobile wird die horizontale Ebene in einen intuitiven Swipe-Slider übersetzt und die Informationsdichte vereinfacht, um die User Experience auch auf kleinen Geräten flüssig zu halten.

Button

Lösungsansatz

Mein Ansatz bricht mit gängigen Mustern und nutzt eine duale Mechanik, um die Auffindbarkeit von Inhalten zu optimieren: Zirkuläre User-Führung & 2-Achsen-Navigation. Horizontale Ebene (Entdeckung): Auf dem Homescreen scrollt bzw. klickt der User horizontal. Hier werden Persona-spezifische Inhalte, Shortcuts zu oft gesuchten Themen und dynamische Vorschläge ausgespielt, wenn möglich basierend auf früheren Besuchen. Vertikale Ebene (Deep Dive): Sobald der User mehr wissen möchte, scrollt er vertikal. Hier öffnen sich Detailinformationen, Firmen-News und tiefergehende Produktbeschreibungen. Visuelles Leitsystem: Die dreifarbige Linie codiert die Zielgruppen. Wo sich Interessen überschneiden, entsteht ein Farbverlauf. Ein interaktiver 3D-Produktfinder ermöglicht es Nutzern zudem, über ein Körpermodell mit klickbaren Markierungen (gelbe Highlights) direkt nach der betroffenen Region zu filtern. Mobile Strategie: Da die Datenanalyse der Bestandsseite eine klare Dominanz der Desktop-Nutzung zeigte, lag der Fokus auf großen Screens. Dennoch ist das Konzept responsive: Auf Mobile wird die horizontale Ebene in einen intuitiven Swipe-Slider übersetzt und die Informationsdichte vereinfacht, um die User Experience auch auf kleinen Geräten flüssig zu halten.

Button

Meine Rolle im Projekt

In Zusammenarbeit mit dem Kreativteam von BrainersHub war ich für die Übersetzung der Strategie in ein digitales Produkt verantwortlich. Mein Verantwortungsbereich erstreckte sich von der strategischen Konzeption bis zur technischen Ausarbeitung. Ich entwickelte die zentrale Idee des „Gesundheitskreislaufs“ und definierte die entsprechende UX-Architektur, einschließlich der spezifischen Mechanik aus horizontalem und vertikalem Scrollen. Darauf aufbauend gestaltete ich das Visual Design, legte die Farbwelten fest und entwarf die Interface-Elemente sowie das 3D-Modell für die Produktsuche. Um diese zirkuläre User-Führung und die Design-Vision greifbar zu machen, überführte ich alle Komponenten final in einen klickbaren High-Fidelity-Prototypen in Figma. Ergebnis: Erfolgreiche Präsentation eines disruptiven Design-Ansatzes, der die Diskussion über moderne Nutzerführung im Unternehmen angestoßen hat.

Meine Rolle im Projekt

In Zusammenarbeit mit dem Kreativteam von BrainersHub war ich für die Übersetzung der Strategie in ein digitales Produkt verantwortlich. Mein Verantwortungsbereich erstreckte sich von der strategischen Konzeption bis zur technischen Ausarbeitung. Ich entwickelte die zentrale Idee des „Gesundheitskreislaufs“ und definierte die entsprechende UX-Architektur, einschließlich der spezifischen Mechanik aus horizontalem und vertikalem Scrollen. Darauf aufbauend gestaltete ich das Visual Design, legte die Farbwelten fest und entwarf die Interface-Elemente sowie das 3D-Modell für die Produktsuche. Um diese zirkuläre User-Führung und die Design-Vision greifbar zu machen, überführte ich alle Komponenten final in einen klickbaren High-Fidelity-Prototypen in Figma. Ergebnis: Erfolgreiche Präsentation eines disruptiven Design-Ansatzes, der die Diskussion über moderne Nutzerführung im Unternehmen angestoßen hat.

Meine Rolle im Projekt

In Zusammenarbeit mit dem Kreativteam von BrainersHub war ich für die Übersetzung der Strategie in ein digitales Produkt verantwortlich. Mein Verantwortungsbereich erstreckte sich von der strategischen Konzeption bis zur technischen Ausarbeitung. Ich entwickelte die zentrale Idee des „Gesundheitskreislaufs“ und definierte die entsprechende UX-Architektur, einschließlich der spezifischen Mechanik aus horizontalem und vertikalem Scrollen. Darauf aufbauend gestaltete ich das Visual Design, legte die Farbwelten fest und entwarf die Interface-Elemente sowie das 3D-Modell für die Produktsuche. Um diese zirkuläre User-Führung und die Design-Vision greifbar zu machen, überführte ich alle Komponenten final in einen klickbaren High-Fidelity-Prototypen in Figma. Ergebnis: Erfolgreiche Präsentation eines disruptiven Design-Ansatzes, der die Diskussion über moderne Nutzerführung im Unternehmen angestoßen hat.