Motorradladen perfekt auf die Kundenbedürfnisse abgestimmt mit Magento Commerce

Geschichte der Marke

Imready.eu ist die E-Commerce-Plattform, die im März 2018 von I'M Inter Motors ins Leben gerufen wurde, einem Unternehmen, das sich auf den Verkauf von Verschleiß- und Motorradteilen sowie Zubehör spezialisiert hat.

Es handelt sich um die erste und größte Ladenkette in dieser Branche, die zuvor als Inter Motors bekannt war.

Schnelle Herausforderung

Unser Ziel war es, eine Verkaufsplattform zu schaffen, um I'M Inter Motors nach einem Rebranding zu repräsentieren. Wir wollten imready.eu (die Domain der neuen Website) nicht nur um eine Verkaufsfunktionalität erweitern, sondern auch zu einem Ort der Begegnung und des Erfahrungsaustauschs in der Motorrad-Community werden lassen.

Der Schlüsselfaktor war die Zeit: das Projekt und seine Umsetzung mussten innerhalb von 3 Monaten öffentlich gemacht werden. Diese Eile war der kurz darauf beginnenden Motorradsaison geschuldet, die I'M Inter Motors nicht verpassen wollte.

Es war eine harte Zeit und eine enorme Anstrengung für unser Team, aber wir haben es geschafft, die Fristen einzuhalten. Dieses Projekt ist unser persönlicher Rekord, wenn es um die Implementierungszeit geht, mehr noch, es ist eine der schnellsten Implementierungen in Europa - Borys Skraba, Strix CEO

Fokus auf Personas

Zur Vorbereitung des Entwurfsprozesses haben wir "Personas" erstellt (jedes Kundensegment wurde einer anderen Person mit ihrem einzigartigen Namen, Nachnamen und ihrer Geschichte zugeordnet). Auf diese Weise entstanden Adam (Anfänger mit geringem Einkommen), Lucas (Anfänger mit hohem Einkommen) sowie Mariusz und Kuba (erfahren mit ähnlichem Einkommen).

Personas sind sehr wichtig, denn sie ermöglichen es uns, eine bestimmte Person zu "werden". Sie ermöglichen es uns, genau zu wissen, für wen wir die Plattform entwickeln.

Funktionen und ihre Priorität

Wir haben eine Liste mit Website-Funktionen für unsere "Personas" erstellt. Wir haben uns gefragt, was sie beim Navigieren interessiert? Was sind ihre Erwartungen? Was kann ihnen bei ihrer Benutzererfahrung helfen? Das Product Information Canvas-Tool half uns dabei, unser Wissen und unsere Ideen zu diesem Thema zu systematisieren. Wir mussten auch entscheiden, welche dieser Funktionen wir in das MVP aufnehmen wollten. Nach weiteren Diskussionen mit unseren Entwicklern haben wir unsere endgültige Entscheidung getroffen.

Informationsarchitektur

Die Erstellung eines Flussdiagramms für die Informationsarchitektur (Flowchart AI) hat uns geholfen, alle Unterseiten, die gestaltet werden mussten, ihren Inhalt und die Beziehungen zwischen ihnen zu bestimmen.

Wir haben unsere Bleistifte genommen und alle Unterseiten einzeln skizziert. All diese Ideen wurden in der Gesamtbesprechung gegenübergestellt und zu einem kohärenten Musterband zusammengefügt. Auch wenn man nicht die Zeit hat, den gesamten Google Design Sprint zu absolvieren, lohnt es sich, auch einzelne Elemente daraus zu entnehmen. Das kollektive Skizzieren ist eines davon. Sowohl für Sie als Designer als auch für den Kunden, der diese Skizze erhält, ist es ein großer Gewinn.

Viele Unternehmen lassen die gesamte Vorprojektbearbeitung ausfallen. Meiner Meinung nach ist das ein großer Fehler. Selbst in sehr kurzer Zeit sind wir in der Lage, solide Vorbereitungen zu treffen, die uns Aufschluss über unsere Zielnutzer geben, worauf wir uns bei der Gestaltung konzentrieren sollten, was wir erreichen wollen und die uns das Risiko minimieren lassen, in Zukunft auf verschiedene Probleme zu stoßen - Marcin Piwowarczyk, Commerce Design Director, Strix VP

Design und Textgestaltung

Wir haben mit dem Grafikdesign begonnen, indem wir uns mit dem Markenbuch vertraut gemacht haben. Alles musste sowohl online als auch offline kohärent sein - mit einem riesigen physischen Ladennetz.

I'M Inter Motors ist kühn und offen für neue Erfahrungen. Deshalb haben wir beschlossen, einen kühnen Schritt zu wagen und Texte in einer anderen Sprache zu verfassen, die gut zum modernen Markenstil passt und Teil einer größeren Gemeinschaft ist.

Die Schrägen und die Farbpalette unterstreichen den dynamischen Charakter der Marke, der auch im Design zum Ausdruck kommt. Jeder entworfene Teil durchlief schließlich die Designprüfung, d. h. die Bewertung durch das gesamte UX-Team. Wir haben bei Bedarf einige Änderungen vorgenommen und mit unserer Arbeit fortgefahren.

Prototyp

Das gesamte Design wurde dem Kunden als Prototyp mit Hilfe des inVision-Tools präsentiert, was eine Fernprüfung und zusätzliches Feedback ermöglichte. Außerdem konnten alle Änderungen, die am Projekt vorgenommen wurden, überprüft und auf dem neuesten Stand angezeigt werden. Das Design im Sketch-Tool löst das Problem, dass Teile des Projekts fertig sind, der Kunde jedoch warten muss, bis die neueste Version zur Überprüfung zur Verfügung steht.

Implementierte Lösungen

• Cloudinary - wir haben externe Medienressourcen integriert und die Möglichkeit geschaffen, zwischen der nativen Magento-Galerie und Medien aus externen Quellen zu wechseln.
  
• GDPR - wir haben einen externen Dienst integriert, der vom Kunden mit GDPR-Vereinbarungen bereitgestellt wird
  
• Quittungen - wir haben ein Modul erstellt, das in der Lage ist, grafische Quittungen zu erstellen und sie in der Datenbank mit Textdaten zu speichern. Wenn es als .pdf hochgeladen wird, wird es automatisch in .jpg umgewandelt.
  
• Importer - wir haben das Hochladen von Tabellenkalkulationen (z.B. CSV-Dateien) mit Produkten implementiert, die im nächsten Schritt an Magento gesendet werden. Es erstellt auch ein konfigurierbares Produkt, das auf einfachen Produkten basiert, mit der Möglichkeit, diese durch den Kunden zu aktualisieren. In regelmäßigen Abständen werden die Magento-Bestände und -Preise auf Basis der vom Kunden freigegebenen Datenbankansicht aktualisiert.
  
• Cache-Verwaltung - wir haben eine Funktion geschaffen, um das Flushen des Cache für die gesamte Seite in eine Warteschlange zu stellen - wir sammeln alle Flush-Anfragen und starten sie gleichzeitig.
  
• SMS-Service - wir haben Infobip SMS über REST API integriert
  
• Smile Elastic Search - wir haben ein Plugin mit erweiterten Such- und Filtermechanismen implementiert
  
• Przelewy24 - Integration mit dem Zahlungsdienst
  
• Ansible's Deployment - wir haben eine Prozedur mit der Ansible-Technologie erstellt, die es uns ermöglicht, den Deployment-Prozess zu vereinfachen
  
• Gatling - wir haben verschiedene Szenarien geschrieben und Last- und Leistungstests erstellt