17 / 19 · Retail-Erkenntnisse, persönlich redigiert

Fresh

Fresh ist eine von Manthan getragene Community für Erkenntnisse aus Detailhandel, Technologie und Analytics. Ich habe die Desktop-Website gestaltet. Sie schlägt Trends und Artikel vor, je nachdem, wie sich jemand auf der Plattform und in den sozialen Medien verhält.

Rolle: UI/UX Designer
Kunde: Manthan
Branche: Detailhandel & E-Commerce
Jahr: ca. 2015
Leistungen: UI/UX, Webdesign, Produktdesign

Manthan, ein Business-Intelligence-Unternehmen für den Detailhandel, suchte einen Ort, um Denkanstösse zu Entscheidungen in der Branche zu teilen. Dort sollten Artikel, Interviews, Blogs und Webcasts zu Trends wie Demand Sensing, Data Discovery und Multichannel-Retailing erscheinen.

Detailhandel, Technologie und Analytics sind ein weites Feld. Eine Sortimentsplanerin und ein Datenanalyst wollen ganz Verschiedenes lesen, und ein einziger redaktioneller Feed würde für beide das meiste davon begraben.

Wie wirkt eine Website über den Detailhandel, als wäre sie für jede Person einzeln redigiert, und führt neue Lesende trotzdem zum Wichtigen?

Ich habe jede Seite so gestaltet, dass sie redaktionelle und persönliche Signale mischt. Die Homepage beginnt mit einem Mosaik aus führenden, vorgeschlagenen und neuesten Trends, nach persönlichen Vorlieben geordnet. Man kann Trends, Kategorien sowie Autorinnen und Autoren folgen, und jeder Artikel schlägt verwandte Trends, Kategorien und Texte vor. Abo-Hinweise und Werbeplätze gehören von Anfang an zum Layout.

Meine Rolle

UI/UX Designer. Ich gestaltete die Desktop-Version der Plattform: Homepage, Trends, Kategorien, Artikel, Autorinnen und Autoren, Artikeldetail, personalisierte Bereiche, Abo-Flows und Werbeplätze.

Was es schwierig machte

Breite der Themen
Bekleidung, Konsumgüter, Convenience-Stores, Big Data und Advanced Analytics brauchten alle einen Platz, ohne die Navigation zu überladen.
Persönlich und redaktionell zugleich
Die Seiten mussten «Editors Pick» und «Most Popular» mit persönlichen Vorschlägen ins Gleichgewicht bringen.
Viele Inhaltstypen
Artikel, Interviews, Blogs, Webcasts und Diskussionen brauchten je ein klares Format.
Ein kommerzielles Forum
Werbung, Newsletter-Anmeldungen und die Eigenwerbung von Manthan mussten Platz finden, ohne das Lesen zu stören.

Fragen, die wir stellten

Welche Signale sollen die Vorschläge steuern: Öffnen, Favorisieren, Folgen oder Teilen?
Wie hängen Trends, Kategorien sowie Autorinnen und Autoren zusammen, und was davon soll die Navigation anführen?
Wo hilft ein Abo-Hinweis, statt zu stören?
Was schuldet eine Artikelseite den Lesenden nach dem letzten Absatz?

Trends als Einstieg

Ein Mosaik aus Trend-Kacheln eröffnet die Website: ein führender, ein vorgeschlagener und der neueste Trend, jeweils mit Aufrufen, Followern und einem Button zum Folgen. Darunter liegen Tabs für «Most Popular», «Editors Pick», «Just For You» und «Categories», mit einer Karte für den monatlichen Newsletter mitten im Raster.

Wer den führenden Trend öffnet, klappt den Slider an Ort und Stelle auf, mit Live-Diskussionen daneben.

Kategorien, Artikel, Autorinnen und Autoren

Alle Listenseiten folgen einem Muster: ein Hero mit dem Top-Beitrag des Tages, dem Beliebtesten der Woche und einem persönlichen Vorschlag, danach Suche, Filter und Sortierung. Für Autorinnen und Autoren gibt es ein Verzeichnis mit Porträts, Buttons zum Folgen und ihren neuesten Texten.

Kategorien und Artikel teilen ein Einstiegsmuster: Top-Beitrag des Tages, beliebt diese Woche und ein Vorschlag.

Das persönliche Fresh

Angemeldete Lesende sehen ein persönliches Menü mit verfolgten Trends, Lieblingsinhalten und Lieblingskategorien. Eine Seite «Just For You» zählt die Artikel, Interviews, Blogs und Webcasts, die für sie ausgewählt wurden.

Das persönliche Menü bündelt alles, was jemand verfolgt oder speichert.

Die Artikelseite

Artikel beginnen mit Funktionen zum Drucken, Bewerten und Favorisieren sowie mit Buttons zum Teilen. Eine Seitenleiste schlägt Trends zum Folgen und passende Kategorien vor. Verwandte Artikel und ein moderierter Kommentarbereich schliessen die Seite ab, mit einem Werbeplatz in der Seitenleiste.

Drucken, Bewerten und Favorisieren sitzen im Artikelkopf, Trends zum Folgen in der Seitenleiste.

In Bewegung

Ergebnisse

10Seitenvorlagen und Komponenten gestaltet

Was ich mitnehme

Personalisierung braucht sichtbare Griffe. Buttons zum Folgen bei Trends, Kategorien sowie Autorinnen und Autoren geben den Lesenden Kontrolle und dem System seine Signale.
Ein gemeinsames Listenmuster für Kategorien, Artikel sowie Autorinnen und Autoren machte eine grosse Website leicht erlernbar.
Die Entwürfe sind nur für Desktop. Eine Mobile-first-Version wäre das Erste, was ich neu angehen würde.

UI/UX Designer

Preetham Lawrence

Als Nächstes

Ace Ticket

Ein App-Konzept für eine Ticketagentur in Boston, das der Form eines Papiertickets folgt.