Kapitel Grafik

Tesone Alimentari Südtirol – Vom Ladengeschäft zum Online-Shop

Ein traditionelles Geschäft, ein vielfältiges Sortiment und eine einfache Frage: Wie lässt sich die Welt eines Ladens in ein digitales Einkaufserlebnis übersetzen?

E-Commerce-Website von Tesone Alimentari auf einem Laptop mit Bildern von Wurstwaren

E-commerce

Kunde — Tesone Alimentari Südtirol 

Statust — Veröffentlicht

Ein Geschäft verstehen, bevor die Website entsteht

Als ich mit dem Projekt Tesone begann, bestand der erste Schritt nicht darin, einen Online-Shop zu gestalten, sondern das Geschäft zu verstehen.

Das Unternehmen bot eine große Auswahl an Lebensmitteln, regionalen Spezialitäten und typischen Produkten an. Bevor sich dieses Sortiment online präsentieren ließ, musste zunächst verstanden werden, wie das Angebot aufgebaut war und wie sich die Produkte aus Sicht der Kunden sinnvoll gruppieren ließen.

Gemeinsam mit dem Kunden habe ich Informationen zu den Produkten, den Kategorien und den Besonderheiten des Sortiments gesammelt.

Der Kunde kannte seine Produkte. Meine Aufgabe war es, dieses Wissen in eine verständliche Struktur für das Web zu übersetzen.

Organisationsschema der Produkte und Kategorien für den Online-Shop Tesone Alimentari

(step 01) — Auswahl und Definition der Produkte.

Vom Sortiment zur Struktur — Step 01

In einem Geschäft vor Ort hilft der Raum dabei, sich zu orientieren.

Online muss dieser Raum durch Kategorien, Seiten, Bilder und Informationen neu aufgebaut werden.

Gemeinsam haben wir das Sortiment organisiert und Produktgruppen sowie Kategorien definiert, die eine einfache und intuitive Navigation ermöglichen sollten.

Bevor die einzelnen Seiten gestaltet werden konnten, musste zunächst geklärt werden, wie die Produkte gefunden werden sollten.

Das Ziel war nicht, das Geschäft einfach auf den Bildschirm zu übertragen, sondern eine natürliche Möglichkeit zu schaffen, das Sortiment zu entdecken.

Vom Ladengeschäft ins Web — Step 02

Nachdem die Struktur festgelegt war, begann die Gestaltung des digitalen Einkaufserlebnisses.

Der Online-Shop wurde mit WordPress und WooCommerce umgesetzt. Ich gestaltete die Benutzeroberfläche, den Produktkatalog und den gesamten Weg von der Produktsuche bis zum Kauf.

Startseite, Kategorien, Produktseiten, Warenkorb und Bestellung wurden als Bestandteile eines zusammenhängenden Systems konzipiert.

Der Ablauf sollte einfach sein: einsteigen, sich orientieren, ein Produkt finden, es verstehen und kaufen.

Keine bloße digitale Schaufensterfläche, sondern ein echtes Verkaufsinstrument.

Arbeitsschema zur Gruppierung der Produkte und zur Strukturierung des Katalogs von Tesone Alimentari

(step 02) — Umsetzung des Online-Shops.

Präsentations-PDF zur selbstständigen Verwaltung des Online-Shops Tesone Alimentari

(step 03) — Übergabe und begleitende Unterstützung.

Von der Gestaltung zur Selbstständigkeit — Step 03

Mit der Übergabe der Website sollte das Projekt nicht einfach abgeschlossen sein.

Ich stellte dem Kunden Materialien und Tutorials zur Verfügung, mit denen er lernen konnte, den Online-Shop selbst zu verwalten. Nach einer ersten Phase der gemeinsamen Arbeit übernahm er nach und nach eigenständig die Pflege der Produkte und Inhalte.

Mit der Zeit wurde diese Selbstständigkeit zu einem konkreten Bestandteil des Projekts: Der Kunde lernte, das System selbst zu nutzen und aktuell zu halten, ohne vom Designer abhängig zu sein.

Für mich ist das ein wesentlicher Aspekt der Arbeit: Ein Werkzeug zu gestalten bedeutet auch, den Kunden in die Lage zu versetzen, es selbstständig zu nutzen.

Produktkatalog des Online-Shops Tesone Alimentari mit einer Rasteransicht aus Produktbildern und Produktkarten
Bereich Center Bar auf der Startseite von Tesone Alimentari mit Bildern von Backwaren und Lebensmittelspezialitäten
Benutzeroberfläche des mobilen Online-Shops Tesone Alimentari auf einem Smartphone
Mobile Seite der Kategorie Aufschnitt im Online-Shop Tesone Alimentari mit einem Bild von Aufschnittwaren
Mobile Seite der Kategorie Süßspeisen im Online-Shop Tesone Alimentari mit dem Bild eines Desserts

Ein Projekt, das weiter verkauft

Das 2017 realisierte Projekt Tesone gehört zu den ersten Online-Shops, die ich gestaltet und umgesetzt habe.

Auch Jahre später wird der Online-Kanal weiterhin genutzt und ist nach wie vor ein konkreter Bestandteil des Vertriebs des Unternehmens.

Inzwischen hat sich die technische Plattform verändert. Das grundlegende Prinzip des Projekts ist jedoch dasselbe geblieben: Produkte organisieren, den Kaufprozess vereinfachen und dem Kunden ermöglichen, seinen Online-Shop selbstständig zu verwalten.

Genau darin liegt für mich das interessanteste Ergebnis: nicht nur einen Online-Shop entwickelt zu haben, sondern ein Werkzeug, das der Kunde gelernt hat zu nutzen und das weiterhin Teil seines Arbeitsalltags ist.

Siegel-Logo von Tesone Alimentari, gestaltet von Francesco Sommacal

Wenn Design zum Werkzeug wird

Ein Online-Shop ist nicht nur eine Benutzeroberfläche.

Hinter jedem Produkt, jeder Kategorie und jedem Kauf steht eine Organisation, die verstanden werden muss, bevor sie gestaltet werden kann.

Beim Projekt Tesone begann die Arbeit im Ladengeschäft, führte über die Organisation des Sortiments und entwickelte sich schließlich zu einem digitalen Einkaufserlebnis.

Ein ebenso wichtiger Schritt bestand darin, dem Kunden die Fähigkeit zu vermitteln, dieses Werkzeug selbstständig zu verwalten.

Verstehen. Organisieren. Gestalten. Umsetzen. Wissen weitergeben.

Das ist für mich die Aufgabe von Design, wenn es Teil eines digitalen Projekts wird.

Ein gutes Projekt endet nicht mit seiner Veröffentlichung.
Es bewährt sich darin, dass es weiterhin genutzt wird.

Kartonschachtel mit dem Logo von Tesone Alimentari, gestaltet von Sud Design
Papiertasche mit dem Logo von Tesone Alimentari, Design von Francesco Sommacal
Papierverpackung mit dem Logo von Tesone Alimentari, am Tragegriff gehalten
Nachhaltiges Industrial Design Perfectly Imperfect – Sud Design

→ Zum nächsten Projekt

Perfectly Imperfect

Komplexität durch den Prozess reduzieren