Eine der größten Herausforderungen bei der Veröffentlichung eines neuen Produkts besteht darin, eine Vorbesteller-Website zu erstellen, um dem Produkt eine gewisse Sichtbarkeit zu verleihen. Wenn Sie dies lesen, wissen Sie wahrscheinlich bereits, wo Sie anfangen sollen, aber nicht wirklich, wie Sie das tun sollen.
Wenn das der Fall ist, lehnen Sie sich zurück und lesen Sie weiter, denn in diesem Beitrag werden die Schritte, die wir unternommen haben, und die damit verbundenen Herausforderungen bei der Planung, Gestaltung und Implementierung unserer eigenen Vorbesteller-Website für das Produktdesign-Prozessbuch behandelt.
Wie sind wir hergekommen?
Bevor wir mit dem technischen Teil beginnen und erklären, wie wir unsere Kampagne auf die Beine gestellt haben, finden Sie hier einen kurzen Kontext.
Wir haben hart an unserem ersten Buch gearbeitet und das Feedback war so gut, dass wir beschlossen, eine Vorbestellerkampagne zusammenzustellen. Die logische Entscheidung war, unser eigenes Hundefutter zu essen und den Produktdesign-Prozess auf diese Übung anzuwenden.
Da es hier schon zweimal erwähnt wurde und Sie vielleicht voller Neugier sind, Prozessbuch zum Produktdesign ist ein Handbuch für digitales Produktdesign, das auf einem multidisziplinären Ansatz basiert, der Produktinhaber, Designer, Entwickler und Manager zusammenbringt.
Es konzentriert sich auf außergewöhnliches UI/UX-Design, aber auch darauf, Kosten und Nutzen im Gleichgewicht zu halten, die Verschwendung von Ressourcen zu vermeiden und auf eine schnelle Markteinführung zu setzen.
Um es kurz zu machen, es ist der Google Design Sprint auf Steroiden.
Bei der Strategie geht es darum, Entscheidungen zu treffen, Kompromisse einzugehen; es geht darum, sich bewusst dafür zu entscheiden, anders zu sein.
— Mike Porter
Nachdem unser Produktdesign-Prozess bereits für Begeisterung gesorgt hatte, war es der nächste logische Schritt, mit der Entwicklung einer Vorbesteller-Website fortzufahren. Dies würde Folgendes ermöglichen:
Branding
Die erste Herausforderung, vor der wir standen, betraf das Branding. Das Buch hat sein eigenes Branding, aber der Inhalt ist verknüpft mit Imaginary Cloud Entwurfsprozess. Wir mussten evaluieren, was in Bezug auf das Branding der Vorbesteller-Website sinnvoll war. Sollte es das Branding von Imaginary Cloud verwenden? Sollte die neue Website das Branding des Buches verwenden?
Unsere erste Vermutung war, das Branding des Buches auf der Vorbesteller-Website anzubringen, aber von Anfang an war klar, dass wir die soziale Präsenz von Imaginary Cloud brauchten, um die Nachricht zu verbreiten. Das Erstellen von Social-Media-Konten und eines Newsletters allein für das Buch war zu anspruchsvoll und ein operativer Albtraum für ein so kleines Team.
Nach einer Brainstorming-Sitzung entschieden wir, dass es die beste Option ist, dem Branding des Buches zu folgen, aber wir mussten auch hervorheben, dass es in den abonnierten sozialen Kanälen und Newslettern um die Autoren des Buches ging und nicht um das Produkt selbst.
Aufbau einer Community
Nach dem Branding-Schritt, aber noch in der Planungsphase, bestand eines unserer Hauptziele darin, eine Community rund um das Buch aufzubauen.
Unsere sozialen Kanäle sind ziemlich aktiv und enthalten viele Details über die Arbeit von Imaginary Cloud, einschließlich des Buches selbst. Die Art von Publikum, das uns aufgrund des Buches folgt, ist jedoch möglicherweise nicht so sehr an anderen alltäglichen Aktivitäten interessiert.
Wir mussten unsere wichtigsten Inhalte des Produktdesignprozesses auf einen der verfügbaren Kanäle konzentrieren und den Besuchern der Website klar machen, dass es der richtige ist, dem zu folgen. Vor diesem Hintergrund haben wir unseren Newsletter als bevorzugten Kanal ausgewählt.
Der Hauptgrund für diese Wahl war, dass wir die Nutzer anweisen konnten, den Newsletter über andere soziale Kanäle zu abonnieren, und wir konnten auch einen Anreiz dazu bieten, etwas, das im Kontext des Buches relevant ist, das sie schätzen würden.
Zu diesem Zweck haben wir einen Spickzettel zum Produktdesign-Prozess entworfen, den Sie nur erhalten können, wenn Sie unseren Newsletter abonnieren.
Verwaltung von Zahlungen
Zu diesem Zeitpunkt wurde unser Branding definiert und wir haben die Mittel gesichert, um mit der Community in Kontakt zu treten. Alles, was noch zu planen ist, ist die Verwaltung der Zahlungen. Die größte Herausforderung dabei war der Umgang mit der Mehrwertsteuer, die sich auf die automatische Bearbeitung von Rechnungen auswirkt.
Unsere Idee, es automatisch auf der Website verarbeiten zu lassen, wurde nach einem genaueren Blick auf die EU-Gesetzgebung aufgegeben. Da der Prozentsatz der zu berechnenden Mehrwertsteuer von der Adresse des Käufers abhängt, kamen wir zu dem Schluss, dass die beste Lösung darin bestünde, die Mehrwertsteuer manuell zu verarbeiten und Rechnungen auszustellen.
Obwohl die Anzahl der Vorbestellungen hoch war, verfügen wir über installierte Kapazitäten für die manuelle Generierung dieser Dokumente. Und sobald das Buch online ist, werden die meisten Verkäufe über Amazon, Book Depository und andere Online-Händler abgewickelt.
Wir haben die erste Phase abgeschlossen und unsere Vorbesteller-Website ist geplant. Bis zu diesem Zeitpunkt sind eine Handvoll Probleme gelöst. Es ist Zeit, mit dem Designprozess zu beginnen, für den wir klare Ziele hatten:
Das Skelett
Der erste Schritt bestand darin, die Wireframes (eine visuelle Anleitung, die das Grundgerüst der Website darstellt) zu erstellen und so eine einzige Seite und Struktur zu erstellen, die das beste Erlebnis beim Navigieren durch die Website bietet.
Wir haben die Seite in drei Abschnitte aufgeteilt: oben eine kurze Beschreibung des Buches, gefolgt von einem Vorbestellungsformular und schließlich dem Newsletter-Abonnementformular. Die wichtigsten Informationen — das Buch und der Vorbestellerrabatt — werden hervorgehoben, um die Aufmerksamkeit des Nutzers auf das Hauptthema zu lenken.
Branding-Probleme (neu geladen)
Zu diesem Zeitpunkt waren wir mit dem Branding noch nicht ganz fertig, was hier zum zweiten Mal als Herausforderung für unser Projekt erscheint.
Da wir das Branding des Buches verwendeten, hatte das Bildmaterial bereits eine gute Ausgangsbasis. Die größte visuelle Herausforderung bestand darin, das Branding von Imaginary Cloud im Newsletter-Bereich zu verwenden, ohne das Branding der Vorbesteller-Website außer Kraft zu setzen.
Um dieses Problem zu lösen, haben wir Details zum Branding von Imaginary Cloud nahtlos in die Webseite integriert. Die Lösung sieht einfach aus: ein Raster als Hintergrund für den Newsletter-Bereich, der auch der Hintergrund ist, der auf der Seite von Imaginary Cloud verwendet wird.
Und weil der Teufel im Detail steckt, haben wir eine Animation für den Abschluss des Newsletter-Abonnements entworfen:
Wir haben unsere Vorbesteller-Website geplant und gestaltet und zu diesem Zeitpunkt war sie nur noch einen Schritt von der Fertigstellung entfernt. Alles was noch übrig war, war die Implementierung.
In dieser letzten Phase mussten wir die nicht funktionalen Anforderungen identifizieren und prüfen, ob noch etwas in den Designmaterialien fehlte (z. B. ein Vorbesteller-Dashboard). Für eine vollständige Vorbesteller-Website waren die folgenden Funktionen unerlässlich:
Forschen und Handeln
Bevor wir den nächsten Schritt machten, mussten wir unsere Hausaufgaben machen und uns über bestehende E-Commerce-Lösungen informieren, die alle erforderlichen Funktionen bieten. Diese Plattformen arbeiten normalerweise in einem SaaS-Modell und erheben für jeden verkauften Artikel eine geringe Gebühr, was nicht unser ideales Szenario war.
Es dauerte nicht lange, bis wir feststellten, dass die Kosten für die Nutzung dieser Art von Plattformen eine so kleine Website nicht ausgleichen konnten. Also haben wir es in Ruby on Rails gebaut, da wir mit dem Framework ziemlich vertraut sind und es ein robustes Toolset für die Entwicklung von Webanwendungen bietet.
Die Transaktion real machen
Für das Payment Gateway haben wir uns entschieden Streifen weil es bei jedem Verkauf einen geringen Aufwand erfordert und über eine gut dokumentierte API verfügt. Es hat auch ein Widget, das alle notwendigen Validierungen abdeckt und Daten werden nicht über unsere Server übertragen.
Auf diese Weise verarbeiten wir keine Kreditkarten, was unsere Website sicher macht und PCI gleichzeitig konform. Wir waren auf der Suche nach der idealen Lösung für unser Problem.
Für Transaktions-E-Mails haben wir uns für entschieden Grid senden, ein zuverlässiger und einfach zu konfigurierender Anbieter, den wir bereits in der Vergangenheit verwendet hatten. Wir brauchten ihn, um unser Team zu informieren, wenn ein Verkauf getätigt wurde, und das kostenlose Kontingent von Sendgrid reichte für diese Website aus.
Newsletter-Abonnement
Mailchimp war unser Go-Tool für das Newsletter-Management. Dieses System wurde bereits für den Newsletter von Imaginary Cloud verwendet und die Entscheidung war einfach. Die Preise sind gut und es gibt eine Vielzahl von einfach zu konfigurierenden Funktionen.
Backoffice
Was das Backoffice angeht, haben wir beschlossen, unser eigenes zu erstellen, und zwar mit einer Open-Source-Bibliothek namens rails_admin. Auf diese Weise können wir die Details jeder Bestellung einsehen und die Daten in das Excel-Format exportieren, was den Versand des Buches erleichtert.
Und weil wir die volle Kontrolle über die Codebasis haben, informieren wir das Team über Slack, wann immer eine Vorbestellung abgeschlossen ist. Das war keine Anforderung, aber es ist cool und hat nicht viel Zeit in Anspruch genommen, es zu erreichen.
Eine Vorbesteller-Website ist eine hervorragende Möglichkeit, mit der Werbung für ein Produkt zu beginnen. So kann die Community darauf aufmerksam werden und ein Sonderangebot erhalten, bevor es auf den Markt kommt. Wie wir gesehen haben, weist der Prozess selbst — Planung, Design und Entwicklung — einige Besonderheiten auf, der jedoch nicht schwer umzusetzen ist.
Die Ziele, die wir für diese Phase definiert haben, wurden erfolgreich erreicht und wir lieben das Endergebnis. Es scheint auch, dass wir nicht allein sind, denn die Vorbestellungen sind gestiegen und die Leute scheinen sehr daran interessiert zu sein, den Rabatt zu nutzen.
Schauen Sie sich gerne das Endergebnis an und teilen Sie uns Ihre Meinung mit: https://www.productdesignprocess.com
Bei Imaginary Cloud Unser Ziel ist es, großartige digitale Projekte durch die fantastische Arbeit unserer Softwareentwicklungs- und UI/UX-Designteams umzusetzen. Wenn Sie der Meinung sind, dass Sie bei Ihrem digitalen Projekt Hilfe gebrauchen könnten, schreiben Sie uns eine Nachricht hier!
Fanden Sie diesen Artikel hilfreich? Diese könnten dir auch gefallen!
Inhaltsautor mit großer Neugier auf die Auswirkungen der Technologie auf die Gesellschaft. Immer umgeben von Büchern und Musik.
People who read this post, also found these interesting:
.webp)
.webp)
%20(2).webp)
