Demos · 담다 쇼핑
Commerce · Online Store
담다 쇼핑
Einkauf und Bestellverwaltung für einen kleinen Onlineshop
Auch Seiten, die Sie in der Vorschau aufrufen, landen im Zurück-Verlauf dieses Tabs. Zum längeren Erkunden öffnen Sie die Demo besser in einem neuen Fenster.
Auf einen Blick
Dies ist eine Beispiel-App für einen kleinen Onlineshop, die Cocode mit Flutter, CoUI und Serverpod entwickelt hat. In der Kunden-App finden Sie Produkte über Aktionen, Kategorien und die Suche, wählen Optionen, legen Artikel in den Warenkorb und gelangen bis zu Bestellung und Bezahlung; in der Admin-Konsole prüfen Sie neue Bestellungen, bereiten sie vor, tragen eine Sendungsnummer ein und markieren sie als versendet. Cocode setzt Shop-Apps und Admin-Oberflächen wie diese als ausgelagerte Entwicklung um – von der Planung über Entwicklung und Veröffentlichung bis zur Wartung.
- Art
- Einkauf und Bestellverwaltung für einen kleinen Onlineshop
- Bestandteile
- Kunden-App · Admin-Konsole · Widgetbook · Golden-Galerie · Projektdokumentation
- Technik
- Flutter · CoUI · Serverpod · Widgetbook
- Ausprobieren
- Im Browser, ohne Anmeldung, mit Beispieldaten
- Entwickelt von
- Cocode Inc.
Hauptfunktionen
6 Funktionen
- Produkte entdeckenVon der Aktion und den Neuheiten auf der Startseite aus finden Sie alle acht Produkte über Kategorien, Sortierung und Suche.
- ProduktdetailsGröße und Farbe wählen, die Reiter „Details“ und „Versand & Rückgabe“ ansehen, dann in den Warenkorb legen oder direkt kaufen.
- WarenkorbMengen ändern oder ausgewählte Artikel löschen – Zwischensumme, Rabatt und Versand werden neu berechnet. Ab 50.000 ₩ ist der Versand kostenlos.
- Bestellen & BezahlenLieferhinweis und Zahlungsart wählen und bezahlen – die Bestätigung zeigt die Bestellnummer. Gekaufte Artikel verschwinden aus dem Warenkorb.
- Admin-DashboardNeue Bestellungen, zu versendende Bestellungen, Umsatz heute und niedrige Bestände als Karten, dazu die neuen Bestellungen und die Bestseller des Tages – neue Bestellungen lassen sich direkt vorbereiten.
- Bestellungen & VersandDie Bestellliste nach Status filtern, eine Bestellung öffnen und vorbereiten, dann Versanddienst und Sendungsnummer eingeben und als versendet markieren.
Demo-Konten
In App und Konsole wählen Sie auf dem ersten Bildschirm unter „Demokonto auswählen“ ein Konto – ohne Passwort.
- KundeProdukte ansehen · Suche · Produktdetails · Warenkorb · Bestellen & Bezahlen
- VerwaltungDashboard · Bestellliste · Bestelldetails · Vorbereiten · Sendungsnr. eingeben
Screens zum Erkunden
Direkt im Browser zu öffnen: 5 – immer in einem neuen Fenster.
- AppKunden-AppProdukte wählen, in den Warenkorb legen und bezahlen (neues Fenster)
- ConsoleAdmin-KonsoleNeue Bestellungen prüfen, vorbereiten und versenden (neues Fenster)
- WidgetbookWidgetbookKatalog der Bildschirme und Bausteine (neues Fenster)
- GoldenGolden-GalerieBildschirmaufnahmen je Gerät und Theme, mit Design-Abgleich (neues Fenster)
- DocsProjektdokumentationAufbau, Konventionen und Design-Abgleich (neues Fenster)
Tech-Stack
Hinweise zur Demo-Umgebung
- Eine Demo rund um einen erfundenen Onlineshop. Es werden keine echten Zahlungen, Lieferungen oder SMS ausgelöst.
- Sie läuft ohne Server mit Beispieldaten in diesem Browser und beginnt nach dem Neuladen wieder von vorn. Geben Sie keine echten personenbezogenen Daten ein.
- Beim Sprachwechsel bleiben Sie auf demselben Bildschirm, und Beispieldaten wie Produkte, Namen und Adressen wechseln in die gewählte Sprache.
- Bestellungen, Mein Konto und Bewertungen in der Kunden-App sowie Produkte, Kunden, Umsatz und Einstellungen in der Konsole sind noch in Arbeit.
Onlineshop-App entwickeln lassen
Vom ersten Gespräch bis zur Übergabe. Wir klären zuerst den Umfang und erstellen dann ein Angebot.
- BeratungWir melden uns und klären Ihre aktuelle Situation
- Umfang klären1 Woche. Screen-Liste, danach Angebot und Vertrag
- Entwurf & BauJede Woche eine Zwischenversion zum Ausprobieren
- ÜbergabeRepository · Admin · Rechte · Dokumente
- Betrieb (opt.)Store-Betreuung und Wartung
Häufige Fragen
Lassen sich Shop-App und Bestellverwaltung gemeinsam im Auftrag entwickeln?
Ja. Wie in dieser Demo baut ein Team die Kunden-App und die Admin-Konsole, die Ihr Betriebsteam nutzt. Nach dem ersten Gespräch erstellen wir in einer Woche die Screen-Listen für Kunden und Verwaltung, danach folgen Angebot und Vertrag. Aufgaben, die Ihr Team selbst erledigt – etwa Produkte anlegen, Bestellungen prüfen oder Mitglieder verwalten –, bauen wir als Admin-Screens.
Wie werden die Kosten festgelegt?
Das hängt vom Umfang ab. Wir klären zuerst gemeinsam den Umfang und erstellen dann ein Angebot; wie die Kosten bestimmt werden und welche Vertragsmodelle es gibt, lesen Sie auf der Seite Ablauf und Kosten.
Wie lange dauert es?
Das hängt vom Umfang ab. Erzählen Sie uns, welchen Service Sie planen, dann schätzen wir zuerst gemeinsam die Dauer ab. Während des Projekts können Sie jede Woche eine lauffähige Zwischenversion per Link und Test-App prüfen.
Wem gehören Urheberrecht und Eigentum?
Mit Abschluss der Abnahme und vollständiger Zahlung der Vergütung stehen sämtliche urheberrechtlichen Vermögensrechte Ihrem Unternehmen zu – einschließlich des Rechts zur Erstellung abgeleiteter Werke, und wir üben an den Arbeitsergebnissen keine Urheberpersönlichkeitsrechte aus. Dies wird im Vertrag festgehalten.
Gemeinsame Komponenten, die wie CoUI in mehreren Projekten eingesetzt werden, sind von der Übertragung ausgenommen; stattdessen erhalten Sie eine Kopie des Quellcodes sowie ein zeitlich, mengenmäßig und räumlich unbeschränktes Recht zur Nutzung und Bearbeitung. Ihre unternehmensspezifische Geschäftslogik, Datenstrukturen und Markenelemente stehen vollständig Ihrem Unternehmen zu.
Wie funktioniert die Anbindung von Zahlung und Versand?
Zahlung und Versand sind in dieser Demo simuliert, es werden also keine echten Zahlungen oder SMS verschickt. Bei einem echten Shop legen wir im Gespräch fest, welche externen Dienste – etwa Zahlungsdienstleister und Paketdienste – angebunden werden. Externe Anbindungen gehören zu den Punkten, die das Angebot beeinflussen.
Brauchen Sie ein solches System?
Sie können uns auch einfach drei Zeilen schicken. Damit beginnen wir, den Umfang zu klären.