Créez une application mobile de commerce électronique à l'aide de Google Sheets, Stripe et Glide


Photo de profil de l'auteur

@whizzoeZoe Chew

Générateur de produits. Exécutez un produit / une communauté pour les entreprises technologiques. À propos de https://whizzoe.com

La semaine dernière, l'un de mes clients Product2kit qui a acheté un modèle sans code m'a demandé si je pouvais créer un modèle pour les cas d'utilisation du commerce électronique. J'ai pris son idée et suis venu avec ce magasin de sneakers en ligne. Voici le processus de création de mon application:

1. Idée de démarrage 👟🏃‍♂️🏀

Nommons cette application mobile – SneakerHypo, une boutique en ligne pour les marques de sneakers authentiques avec une plateforme communautaire de partage de photos.

J'ai imaginé le concept de magasin de baskets de Goat.com. J'ai intégré certains de ses éléments de marque dans cette application: un design audacieux, haut de gamme, en noir et blanc et minimaliste. Ensuite, j'ai dressé une liste des fonctionnalités de l'application:

Fonctionnalités clés

  • Liste des marques de sneakers
  • Filtrer par catégories de produits et collections
  • Afficher les produits de sneakers recommandés
  • Détails du produit (image, diaporama, prix, nom de la marque)
  • Sélectionnez les pointures de chaussures (hommes et femmes)
  • Section des commentaires des utilisateurs
  • Partage de photos avec la communauté (téléchargez vos tenues de baskets)
  • Ajouter au chariot
  • Paiement client via Stripe

👉 Prévisualisez le application mobile

2. Les outils que j'utilise 🔨

Au lieu de passer des mois à créer un produit fonctionnel, j'ai utilisé ces outils pour créer rapidement l'application de commerce électronique de baskets en ligne:

Glide

Un générateur d'applications mobiles avec des fonctionnalités similaires à celles des applications. J'utilise Glide pour créer les fonctionnalités fonctionnelles, notamment la connexion via Google, la liste des baskets, le téléchargement d'images de style, la personnalisation des tailles de chaussures, l'ajout au panier et l'intégration des paiements.

Bande

J'ai configuré Stripe avec l'application Glide pour gérer le paiement des clients et le traitement des paiements. Les clients peuvent saisir des adresses de livraison pour faire livrer leurs baskets.

Google Sheets

J'utilise Google Sheets pour créer et stocker la base de données des applications mobiles telles que les données utilisateur (c'est-à-dire les adresses e-mail, les commentaires, le téléchargement de photos) et le contenu de l'application (c'est-à-dire les images de baskets, la liste des articles, le prix du produit, les détails du produit). Vous pouvez également modifier la conception et le contenu de l'application Glide via cette feuille de calcul:

Behance

Au lieu de concevoir l'application à partir de zéro, j'utilise Behance pour l'inspiration UI / UX. J'ai filtré la recherche en fonction des mots-clés et des couleurs que je souhaite:

Unsplash

J'utilise Unsplash pour des photos de stock gratuites de haute qualité pour toutes les images de baskets que j'ai utilisées dans cette application mobile (c'est-à-dire l'affichage du produit, le diaporama et la galerie).

👉 Prévisualisez le application mobile

3. Cartographiez le flux 🗺

L'étape suivante consiste à cartographier les user stories – comment les utilisateurs passeront par les étapes d'interaction avec votre application. Cela vous aidera à visualiser les fonctionnalités de l'application, à organiser les écrans d'application, les listes d'articles et les balises de catégorie.

👉 Prévisualisez le application mobile

Remarque: Cet article fait partie de mon newsletters boîte à outils↗️ où je partage des ressources sur la construction de choses. Rejoins moi 🙂

4. Créez les fonctionnalités de l'application 🚀

Découvrez le résultat de l'application mobile:

(1) Présentez les meilleures baskets sur l'écran d'accueil

L'écran d'accueil comprend les nouveautés, les marques de sneakers tendances et les collections spéciales. J'ai également inclus une vidéo promotionnelle sur la vitrine pour créer des liens émotionnels avec les clients cibles.

(2) Explorez les baskets, filtrez et enregistrez dans la liste des favoris

L'écran «Recherche» affichera tous les articles de baskets et les étiquettes de prix. Les utilisateurs peuvent également rechercher des baskets par catégorie de produit (par exemple, style de vie, nouveau choix, performance, intemporel, tendance), puis les enregistrer dans la liste ❤️.

(3) Détails du produit, pointures, paiement avec Stripe

J'ai inclus des images de baskets, un diaporama, le prix, le nom de la marque, la description de chaque liste de produits. Les utilisateurs peuvent personnaliser les tailles de chaussures (hommes et femmes) avant de passer des commandes à la caisse.

(4) Trouvez l'inspiration des baskets dans les messages de la communauté

Cette fonctionnalité «Instagram-ish»: les utilisateurs peuvent parcourir l'inspiration ou télécharger une photo avec légende pour publier leurs tenues de sneakers préférées dans la section «Communauté».

(5) Commentaire utilisateur et produits recommandés

Les utilisateurs peuvent laisser un commentaire sur un produit spécifique pour créer un sentiment d'interaction communautaire sur l'application. J'ai également créé une liste de «produits similaires» pour afficher les produits pertinents en fonction du type de catégorie.

Comme un constructeur de produits↗️, J'ai construit des micro-outils pour résoudre mes propres problèmes. Par exemple: outil d'article, application événementielle, application de boîte de repas,suivi des finances, Suivi SaaS, Portefeuille Notion, et traqueur d'habitudes.

Photo de profil de l'auteur

Lisez mes histoires

Générateur de produits. Exécutez un produit / une communauté pour les entreprises technologiques. À propos de https://whizzoe.com

Mots clés

Rejoignez Hacker Noon

Créez votre compte gratuit pour débloquer votre expérience de lecture personnalisée.



Source link

Pourquoi créer un magasin en ligne ?

On voit clairement qu’il est possible de se lancer dépourvu argent et inconscient technique particulière. Je vous conseille de vous lancer en dropshipping et de indispensablement ne pas mettre trop d’argent sur votre site. Il vous faut surtout avoir un budget marketing pour composer venir internautes sur votre boutique : c’est le nerf de la guerre. Car tel que nous-mêmes l’ai dit, vous pouvez avoir la plus belle boutique. Sans trafic, vous ne ferez ne de chiffre d’affaires. Une fois que vous allez avoir testé, votre marché vous allez pouvoir alors chiner un stock.