Zum Hauptinhalt springen

Was suchen Sie?

Entdecken Sie unsere Dienstleistungen und erfahren Sie, wie wir Ihnen helfen können, Ihre Ziele zu erreichen

Eine Design-Vorschauleiste für ein mehrseitiges Online-Design-Tool

Netbase hat durch seine CMSmart-Division eine Design-Vorschauleiste für einen Online-Design-Tool-Anbieter in Thailand entwickelt. Nutzer können mehrere Designs auf einer Seite behalten, alle als Miniaturansichten anzeigen lassen, zu einem beliebigen springen und auswählen, welche gedruckt oder heruntergeladen werden sollen. Der Name des Kunden wird nicht genannt.

Ein ähnliches Projekt ansehen Die zugehörige Lösung ansehen
star

Überblick zum Projekt

  • Eintragstyp

    Portfolio-Eintrag: Umfang und Umsetzung, keine gemessenen Ergebnisse

  • Kunde

    Ein Online-Design-Tool-Anbieter (nicht genannt), der Designs für Druck, Bekleidung und soziale Medien anbietet

  • Region

    Thailand

  • Branche

    Druck und Verpackung

  • Leistung

    E-Commerce-Entwicklung

  • Lösungen

    Produktpersonalisierung und Web-to-Print-Plattform

  • Umgesetzt durch

    Netbase's CMSmart-Division

  • Dauer

    Etwa eine Woche vom Konzept bis zur fertigen Funktion

  • Veröffentlichte Kennzahlen

    Keine

Das Problem

Der Kunde bietet Online-Design für gedruckte Produkte und Beiträge in sozialen Medien an und steht im Wettbewerb mit großen browserbasierten Design-Tools. Seine Recherche zeigte, dass Nutzer häufig mehr als eine Version eines Designs erstellen – beispielsweise zwei Poster-Konzepte zur Auswahl. Im Tool lebte jedes Design auf einer separaten Seite, sodass das Vergleichen von Versionen ein ständiges Hin- und Herwechseln erforderte, was langsam und fehleranfällig ist. Der Kunde wollte mehrere Designs auf einer Seite und eine schnelle Möglichkeit, zwischen ihnen zu wechseln.

Was Netbase entwickelt hat

  • Vorschau

    Eine Leiste rechts im Editor zeigt jede Design-Seite als Miniaturansicht, von oben nach unten in Reihenfolge, und scrollt bei langen Listen.

  • Schnellzugriff

    Ein Klick auf eine Miniaturansicht springt direkt zu dem betreffenden Design.

  • Seite hinzufügen

    Eine Schaltfläche für neue Seiten fügt direkt unterhalb der aktuellen Seite ein leeres Design ein.

  • Druckseiten auswählen

    Nutzer können nur die Designs anhaken, die sie von allem Erstellten ausdrucken möchten.

  • Herunterladen

    Designs können direkt aus derselben Leiste heruntergeladen werden.

  • Leiste ausblenden

    Die Leiste lässt sich ausblenden, wenn ein Nutzer die volle Arbeitsfläche benötigt; das Design-Team schlug dies vor, nachdem es bemerkt hatte, dass die Leiste Arbeitsbereich beansprucht.

Wie die Arbeit umgesetzt wurde

Der Kunde schilderte die Idee dem Entwicklungsteam, das die Leiste rechts positionierte, wo sie gut sichtbar ist, und die Funktionen rund um die Art und Weise gestaltete, wie Nutzer Versionen vergleichen. Konzept, Design, Entwicklung und Überarbeitung dauerten etwa eine Woche, und das Testteam prüfte jede Funktion vor der Übergabe. Da die Leiste auf dem bestehenden Editor aufbaut, behalten die Nutzer die Vorlagen, Text- und Bildwerkzeuge, die sie bereits kennen.

Was nicht behauptet wird

Die öffentliche Beschreibung schildert die Erwartungen des Kunden an die Funktion, keine gemessenen Ergebnisse. Daher werden in diesem Eintrag keine Verkaufs-, Traffic- oder Conversion-Zahlen veröffentlicht. Die Vorschauleiste ist eine Interface-Arbeit, keine KI-Funktion.

Verwandte Projekte und nächste Schritte

Bei einem Einladungskarten-Drucker wurde der Produktdesigner an den Bestellablauf angepasst, und ein Druckshop erhielt neue Produktseiten und Editor-Tools. Die vollständige Übersicht findet sich in unseren Web-to-Print-Kundenreferenzen.

Unsere Lösungen für Produktpersonalisierung und Web-to-Print-Plattform umfassen Editor-Funktionen. Der Web-to-Print-Plattform-Leitfaden erklärt, wie man diese plant, der Leitfaden Build-vs-Buy für Design-Editoren wägt das Erweitern eines Editors gegen den Neubau ab, und Shop-Plattformen sind auf der Seite Commerce- und Enterprise-Technologien beschrieben. Weitere Netbase-Projekte ansehen oder Netbase kontaktieren, um ein ähnliches Projekt zu besprechen.

Quellen

  • CMSmart-Community-Bericht zur Design-Vorschauleiste (Februar 2023), aufgezeichnet in der Netbase-Fallstudienliste; die Adresse wird hier nicht wiederholt, da der Bericht den Kunden namentlich nennt.
  • Netbase-Fallstudienliste, bereitgestellt von David (CEO); Veröffentlichung bestätigt von David (CEO), 2026-09-17 (F142).
  • MDN Web Docs, Canvas API, https://developer.mozilla.org/en-US/docs/Web/API/Canvas_API (abgerufen am 2026-09-17): wie browserbasierte Design-Editoren Seiten und Miniaturansichten zeichnen.
  • MDN Web Docs, HTMLCanvasElement toBlob()-Methode, https://developer.mozilla.org/en-US/docs/Web/API/HTMLCanvasElement/toBlob (abgerufen am 2026-09-17): wie ein Browser-Editor ein gezeichnetes Design in eine herunterladbare Bilddatei umwandelt.
Netbase kontaktieren

Projekt besprechen

Netbase JSC unterstützt Organisationen bei der Konzeption, Entwicklung, Modernisierung und dem Betrieb digitaler Produkte und KI-gestützter Geschäftssysteme.
Projektanfragen

[email protected]

WhatsApp

+84 937 869 689

Büroadresse

91 Nguyen Chi Thanh, Dong Da, Hanoi, Vietnam

In Kontakt treten

Sagen Sie uns, was Sie aufbauen, modernisieren oder betreiben möchten.

Sagen Sie uns, was Sie aufbauen, modernisieren oder betreiben möchten.

Netbase kontaktieren