Fanmetrix

Hockey-Fan-Plattform mit maskulinem UI & 2D-Grafik

konzeptioniert von Redwerk
×
Wohin sollen wir unsere Fanmetrix UI/UX-Fallstudie schicken?
Bitte geben Sie Ihre Geschäfts-E-Mail ein ist keine Geschäfts-E-Mail

Fanmetrix wurde entwickelt, um die nordamerikanischen Eishockeyfans zu informieren, zu engagieren und zu unterhalten. Sie können von einer einzigen Plattform aus auf alle wichtigen Informationen zugreifen - den Kalender mit den anstehenden Spielen, Umfragen, Tabellen, Aufstellungen und aktuellen Nachrichten.

Alle Kunden

UI/UX-Entwurf

Unsere hochqualifizierten Designer erstellten mobilfreundliche Mockups für das Projekt zur Neugestaltung der Website von Fanmetrix. Die Farbpalette, Illustrationen und andere UI-Details wurden mit Blick auf die überwiegend männliche Zielgruppe entworfen. Die Experten von Redwerk beginnen den Ideenfindungsprozess mit einer sorgfältigen Untersuchung des Produkts und seines Zielmarkts.

Mehr erfahren

Medien & Unterhaltung

Redwerk hat zahlreichen Medienanbietern rund um den Globus geholfen, ihre Plattformen zu modernisieren und sie an die aktuellen Branchenstandards anzupassen. Dank unserer langjährigen Erfahrung in der Entwicklung maßgeschneiderter Softwarelösungen für Medien- und Unterhaltungsunternehmen wissen wir, welche UI/UX-Regeln implementiert werden müssen, um ein kontinuierliches Engagement der Nutzer zu erreichen.

Mehr erfahren

Herausforderung

Fanmetrix wandte sich an Redwerk mit der Bitte um einen Kostenvoranschlag für das Redesign ihrer Website. Sie wollten die Schriftarten, Farben, andere UI-Elemente und das gesamte Layout ihrer Website ändern, um der Webplattform ein modernes Aussehen zu verleihen und sie mobilfreundlich zu machen. Da Fanmetrix einige Software-Entwicklungsagenturen in Betracht zog, entschied man sich, einen Design-Wettbewerb zu veranstalten und lud uns ein, daran teilzunehmen.

Die Anforderungen waren recht einfach: Wir sollten eine beliebige Seite auf ihrer Website nehmen und ein neues responsives Design für sie entwerfen. Zu diesem Zeitpunkt war Fanmetrix auf der Suche nach Inspiration und einer neuen Perspektive für die Neugestaltung der Website. Das gesamte Projekt befand sich noch in der Anfangsphase; daher waren die Spezifikationen für die Produktvisualisierung noch nicht vollständig ausgearbeitet.

Obwohl die Freiheit des künstlerischen Ausdrucks für viele Designer wie ein wahrgewordener Traum erscheinen mag, wissen wir, dass das Fehlen spezifischer Designanforderungen eher eine Herausforderung als ein Vorteil ist, da immer die Gefahr von Missverständnissen besteht. Nichtsdestotrotz wollten wir einen Beitrag zu einer solch spannenden Initiative leisten und das Vertrauen eines weiteren Kunden gewinnen.

Lösung

Ein ansprechendes UI/UX-Design kann eine entscheidende Rolle dabei spielen, eine normale Website in eine leistungsstarke Plattform zu verwandeln, die Tausende von Menschen zusammenbringt. Da wir im Herzen Gewinner sind, wollten wir den Wettbewerb gewinnen und ein hochwertiges Design entwickeln, das die Nutzer von Fanmetrix auf den ersten Blick anspricht.

Wir haben uns die Zeit genommen, das Produkt und seine Zielgruppe gründlich zu recherchieren, um die Aufgabe der Plattform und ihre möglichen Funktionen besser zu verstehen. Wir haben alle Ressourcen, die Eishockeyfans nutzen, sorgfältig untersucht, um die Funktionen einzubinden, die sie wirklich brauchen.

Um unsere Chancen auf den Gewinn des Wettbewerbs zu erhöhen, beschlossen wir, zwei UI/UX-Designer zu engagieren, damit jeder von ihnen seine Vision des Produkts einbringen konnte. Das Ergebnis waren zwei verschiedene Versionen der Landing Page – eine mit seriöser Anmutung und die andere mit trendigen 2D-Illustrationen.

Für die erste Version verwendeten wir ein Heldenbild, das mit der Silhouette des Fanmetrix-Logos übereinstimmt und beide Elemente zu einem kohärenten Ganzen vereint. Bei der Entwicklung des Designs haben wir auch Mikrointeraktionen und Animationen vorgesehen, um das Interesse des Nutzers zu wecken und eine langfristige Bindung herzustellen.

Das zweite Design vermittelt die Essenz des Projekts durch hochwertige Vektorgrafiken. Wir wollten die Mission der Website verdeutlichen und entschieden uns, zu diesem Zweck Storytelling einzusetzen. Unser 2D-Künstler schuf mehrere Illustrationen, die die Atmosphäre des Spiels und die Rolle der Fans im Leben der Eishockeyspieler vermitteln.

Bei der Gestaltung der Landing Pages haben wir uns weitgehend auf den Markenstil von Fanmetrix gestützt, die bestehende Farbpalette jedoch um einige zusätzliche Farben erweitert. Wir haben die Farben verwendet, die im Eishockey und auf verwandten Plattformen häufig verwendet werden und die normalerweise in maskulinen Themen eingesetzt werden.

Ergebnis

Unser Wunsch, den Wettbewerb zu gewinnen, gepaart mit der Professionalität unseres Designteams, brachte das gewünschte Ergebnis – der Sieg war unser. Das Redwerk-Team setzte die Zusammenarbeit mit Fanmetrix fort und erstellte mehrere Designversionen für fast jede Seite ihrer Website, wobei wir die Mockups perfektionierten und an die Wünsche des Kunden anpassten. Außerdem erstellten wir einen umfassenden Styleguide für Fanmetrix, den das Unternehmen in seinen Kampagnen zur Markenbekanntmachung einsetzen kann.

Benötigen Sie eine professionelle Neugestaltung Ihrer Website oder mobilen Anwendung?

Lassen Sie uns reden

Technologien

FigmaFigma
Adobe IllustratorAdobe Illustrator
Adobe PhotoshopAdobe Photoshop
3Personen im Team
195Arbeitsstunden
5Entwurfsversionen

Redwerk Team Kommentare

Olga

Olga
UI/UX-Entwicklerin

Wir haben uns sehr darüber gefreut, dass die Leitung von Fanmetrix unsere Bemühungen gewürdigt und das Redwerk-Team zum Gewinner des zweistufigen Design-Wettbewerbs erklärt hat. Wir haben unser Bestes gegeben, um einen so genannten „maskulinen Stil“ zu schaffen, der die Emotionen engagierter Eishockeyfans widerspiegelt.

Media
Media
Media

Beeindruckt?

Stellen Sie uns ein

Andere Fallstudien

Borjomi Restoguide

Borjomi Restoguide

Georgien

Erstellung von markenkonformen UI/UX-Designs und Abbildung der iOS-App-Architektur für Borjomi Restoguide

M3 Glass

M3 Glass

Vereinigte Staaten

Implemented responsive design-glass web configurator with 3D images of glass floor and wall

SpamHound

SpamHound

Europe

Von Grund auf neu ideierte und entwickelte Spam-Blocking-App, vorgestellt auf Collision