Démos · 담다 쇼핑
Commerce · Online Store
담다 쇼핑
Achats et gestion des commandes pour une petite boutique en ligne
Les écrans visités dans l'aperçu s'ajoutent aussi à l'historique de cet onglet. Pour explorer plus longtemps, ouvrez la démo dans un nouvel onglet.
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
- 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.
- Fiche produitChoisissez la taille et la couleur, consultez les onglets « Détails » et « Livraison et retours », puis ajoutez au panier ou achetez directement.
- 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 ₩.
- 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.
- 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.
- 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.
- AppApp clientChoisir des produits, les mettre au panier et payer (nouvel onglet)
- ConsoleConsole d'administrationConsulter les nouvelles commandes, les préparer et les expédier (nouvel onglet)
- WidgetbookWidgetbookCatalogue des écrans et composants (nouvel onglet)
- GoldenGalerie goldenCaptures d'écran par appareil et thème, comparées à la maquette (nouvel onglet)
- DocsDocumentation du projetStructure, conventions et comparaison avec le design (nouvel onglet)
Stack technique
À 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.
- ConsultationUn responsable vous contacte pour faire le point sur votre situation
- Cadrage1 semaine. Liste des écrans, puis devis et contrat
- RéalisationChaque semaine, vous essayez une version intermédiaire
- PassationDépôt · Admin · Droits · Documents
- 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.