Démos · 담다 쇼핑

Commerce · Online Store

Commerce En ligne

담다 쇼핑

Achats et gestion des commandes pour une petite boutique en ligne

Accueil de l'appli client : bannière de la sélection d'automne, boutons Voir la sélection et Obtenir le coupon, et quatre nouveautés

En un coup d'œil

Voici un exemple d'appli pour une petite boutique en ligne, développé par Cocode avec Flutter, CoUI et Serverpod. Dans l'appli client, on trouve les produits par la sélection du moment, les catégories et la recherche, on choisit les options, on ajoute au panier et l'on va jusqu'au paiement ; dans la console d'administration, on examine les nouvelles commandes, on les prépare, on saisit un numéro de suivi et on les marque comme expédiées. Cocode réalise ce type d'applis et de consoles en développement externalisé, de la conception à la maintenance en passant par le développement et la mise en ligne.

Type
Achats et gestion des commandes pour une petite boutique en ligne
Composants
App client · Console d'administration · Widgetbook · Galerie golden · Documentation du projet
Technologies
Flutter · CoUI · Serverpod · Widgetbook
À essayer
Dans le navigateur, sans inscription, avec des données d'exemple
Réalisé par
Cocode Inc.

Fonctionnalités principales

6 fonctionnalités

  1. Parcourir les produitsPartez de la sélection et des nouveautés de l'accueil, puis trouvez les huit produits par catégorie, par tri et par recherche.
  2. Fiche produitChoisissez la taille et la couleur, consultez les onglets « Détails » et « Livraison et retours », puis ajoutez au panier ou achetez directement.
  3. PanierModifiez les quantités ou supprimez la sélection : le sous-total, la remise et la livraison sont recalculés. Livraison offerte dès 50 000 ₩.
  4. Commande et paiementChoisissez les instructions de livraison et le moyen de paiement, payez, et l'écran de confirmation affiche le numéro de commande. Les articles achetés quittent le panier.
  5. Tableau de bordVoyez d'un coup d'œil les cartes nouvelles commandes, à expédier, ventes du jour et stock faible, avec les nouvelles commandes et les meilleures ventes du jour ; une nouvelle commande passe en préparation d'un clic.
  6. Commandes et expéditionFiltrez la liste des commandes par statut, ouvrez une commande pour la mettre en préparation, puis saisissez le transporteur et le numéro de suivi et marquez-la comme expédiée.

Comptes de démonstration

Dans l'appli comme dans la console, choisissez un compte sous « Choisir un compte de démo » sur le premier écran. Aucun mot de passe n'est demandé.

  • ClientParcourir les produits · Rechercher · Fiche produit · Panier · Commande et paiement
  • AdministrateurTableau de bord · Liste des commandes · Détail de commande · Préparation · Saisie du suivi

Écrans à explorer

Accessibles directement dans le navigateur : 5, toujours dans un nouvel onglet.

Stack technique

  • Flutter
  • CoUI
  • Serverpod
  • Widgetbook

À propos de l'environnement de démo

  • Une démo autour d'une boutique en ligne fictive. Aucun vrai paiement, aucune livraison ni aucun SMS n'est effectué.
  • Elle fonctionne sans serveur, avec des données d'exemple dans ce navigateur, et revient au départ quand on recharge la page. Ne saisissez pas de vraies données personnelles.
  • Changer de langue vous laisse sur le même écran, et les données d'exemple comme les produits, les noms et les adresses passent dans la langue choisie.
  • Commandes, Mon compte et les avis dans l'appli client, ainsi que Produits, Clients, Ventes et Réglages dans la console, arrivent bientôt.

Développement d'application de boutique en ligne sur mesure

De la première prise de contact à la passation. Nous cadrons d'abord le périmètre, puis nous établissons un devis.

  1. ConsultationUn responsable vous contacte pour faire le point sur votre situation
  2. Cadrage1 semaine. Liste des écrans, puis devis et contrat
  3. RéalisationChaque semaine, vous essayez une version intermédiaire
  4. PassationDépôt · Admin · Droits · Documents
  5. Suivi (option)Gestion des stores et maintenance

Questions fréquentes

Peut-on faire développer ensemble l'appli de boutique et la gestion des commandes ?

Oui. Comme dans cette démo, une seule équipe réalise l'appli client et la console d'administration utilisée par votre équipe. Après le premier échange, nous consacrons une semaine à la liste des écrans clients et administration, avant le devis et le contrat. Les tâches que votre équipe gère elle-même, comme ajouter des produits, consulter les commandes ou gérer les comptes clients, passent par des écrans d'administration.

Comment les coûts sont-ils déterminés ?

Il dépend du périmètre à réaliser. Nous définissons d'abord le périmètre ensemble, puis nous vous remettons un devis. Les critères qui fixent le coût et les types de contrat sont présentés sur la page Processus et coûts.

Combien de temps cela prend-il ?

Cela dépend du périmètre. Parlez-nous du service que vous envisagez, et nous commencerons par estimer ensemble la durée. Pendant le projet, vous pouvez vérifier chaque semaine une version intermédiaire qui fonctionne, via un lien et une app de test.

À qui appartiennent les droits d'auteur et la propriété ?

Une fois la recette validée et le prix intégralement payé, l'intégralité des droits patrimoniaux d'auteur est attribuée à votre entreprise — y compris le droit de créer des œuvres dérivées — et nous n'exerçons pas nos droits moraux sur les livrables. Cela est stipulé dans le contrat.

Les composants communs utilisés dans plusieurs projets, comme CoUI, sont exclus de la cession ; en contrepartie, nous vous remettons une copie de leur code source ainsi qu'un droit d'utilisation et de modification sans limite de durée, de quantité ni de territoire. La logique métier, les structures de données et les éléments de marque propres à votre entreprise vous appartiennent intégralement.

Comment sont traitées les intégrations de paiement et de livraison ?

Dans cette démo, le paiement et la livraison sont simulés : aucun paiement réel n'est effectué et aucun SMS n'est envoyé. Pour une vraie boutique, nous définissons lors de la consultation les services externes à connecter, comme un prestataire de paiement et des transporteurs. Les intégrations externes font partie des éléments qui influencent le devis.

Besoin d'un système de ce type ?

Trois lignes suffisent pour nous écrire. C'est de là que part le cadrage.