Contextualisation du DigiStore
Digidop est bien plus qu'une simple agence Webflow ! Nous ne nous limitons pas à développer des projets pour nos clients, mais nous essayons également de dépasser nos limites pour créer des produits, services, plateformes toujours plus innovantes.
Vous l'avez sûrement déjà vu, mais avec ce projet, nous avons lancé la première boutique en ligne 100% digicalidad !
Le DigiStore, quésaco ?
Le Digistore est un e-commerce réalisé sur Webflow par Digidop pour mettre en avant et proposer en vente des produits (T-shirts, Mug, Stickers, etc.) sur le thème du No-Code, du Design et du développement web.
Le but du DigiStore
Le but a été de proposer grâce à l'outil merveilleux qu'est Webflow, une boutique en ligne totalement personnalisée (sans limite de design ou presque) pour mettre en avant des produits que des designers, des développeurs, des digital nomad et bien d'autres personnes encore pourraient porter ou utiliser chaque jour. Cela nous permet également de montrer une petite partie de ce qu'il est possible de faire avec un plan Webflow e-commerce.
Phase de Design de notre Store et du Merch sur Figma
Après avoir défini ce que nous souhaitions faire et réfléchi sur comment y arriver, nous sommes passés à une des phases concrètes du projet : Le maquettage sur Figma et la création des produits.
Création du Merchandising
Tous les membres de la Digiteam ont brainstormé pour proposer des idées de produits qui pourraient être intéressantes à proposer sur notre Store à travers des collections qui vont sortir au fil des prochains mois.
Pierre a été le chef de projet de toute cette partie et nous a concocté des produits pour les moins sympathiques.
Développement de la maquette UX/UI
Durant ce même laps de temps, Pierre nous a également proposé un univers particulier pour le DigiStore qui reprend les bases (charte graphique, logo, etc.) de Digidop tout en se différenciant pour proposer un e-commerce unique.
Ce site e-commerce a vraiment été pensé pour sortir des sentiers battus, des boutiques en ligne Shopify "classique", en proposant un design unique qui permet de sortir du lot. Même si nous n'avons inclus toutes les possibilités / fonctionnalités qu'un site e-commerce pourrait offrir, le Digistore se démarque par son originalité et son sens du design.
Phase de Développement dans Webflow
Intégration de la maquette Figma du e-commerce dans Webflow
Webflow est un outil de base pensé pour les webdesigners. Cela nous a permis de reproduire la maquette quasiment à l'identique en s'adaptant aux contraintes techniques de la partie e-commerce de Webflow.
En effet, Webflow n'est pas un CMS pensé directement pour le e-commerce comme pourrait l'être Shopify. Ses fonctionnalités sont encore limitées, mais nous pouvons nous appuyer sur notre créativité et nos compétences techniques pour proposer un store efficace.
Le développement est Client-First et utilise en plus des attributes Finsweet et quelques codes personnalisés (custom code) pour améliorer l'expérience utilisateur.
Intégration des produits dans le store
Grâce au CMS intuitif de Webflow, nous avons pu déterminer des champs optionnels (en plus de ceux obligatoires) pour pouvoir personnaliser au maximum nos pages catégories et produits dans le sens de la maquette Figma. L'incorporation de nouveaux produits via le CMS se fait rapidement et sans complexité. Nous pouvons personnaliser chaque variante de produit et ainsi permettre à quiconque d'avoir un produit qui lui convient.
Optimisations SEO
Nous avons pensé le store pour le référencement naturel et avons utilisé les meilleures pratiques pour pouvoir être visibles en ligne. Les fiches produits sont optimisées et nous avons ajouté en plus de tout ça des données structurées pour essayer d'avoir une meilleure visibilité sur les moteurs de recherche.
Paiement via Stripe
Pour le paiement des commandes sur le site, nous avons opté pour la connexion avec l'outil Stripe. Cet outil nous permet de recevoir les paiements réalisés sur le site et permet également de générer des factures pour les clients. L'intégration Webflow Stripe se fait directement dans l'outil après avoir ajouté la fonctionnalité e-commerce.
En conclusion, le DigiStore de Digidop représente notre détermination à repousser les frontières de la créativité et de l'innovation. En utilisant Webflow comme toile vierge, nous avons créé une boutique en ligne unique, offrant une expérience d'achat exceptionnelle pour les passionnés du No-Code, du Design et du développement web.
Notre équipe a consacré du temps et des efforts considérables pour concevoir des produits attractifs et originaux, tout en veillant à ce que chaque détail du DigiStore reflète notre identité et notre expertise.
Nous sommes fiers de proposer un espace en ligne qui se démarque des normes établies, où la créativité et l'innovation s'épanouissent. Le DigiStore est bien plus qu'une simple boutique en ligne, il incarne notre passion pour la technologie et notre désir de créer des expériences uniques pour nos clients.
Nous vous invitons à explorer le DigiStore et à découvrir notre sélection de produits soigneusement conçus pour les passionnés de la sphère digitale.