Badge Webflow Award Winner 2023
Portfolio

Développement d'une boutique de merchandising no-code - Digidop

Un store unique développé avec Webflow avec des produits de qualité !

Design
Développement
E-commerce
Header Home store.digidop.fr

Points clés du projet DigiStore

Notre méthode pour créer un store attractif sur Webflow

Stack Technique

Logo webflow bleu
icone stripe avec s blanc sur fond violet
Icon Finsweet Attributes SVG
Icon layout

Services

  • Design 100% personnalisé
  • Création de produits uniques
  • Développement Client-First
  • Ajout de code personnalisé
  • Optimisations SEO
  • Connection avec Stripe

Le projet en images

Les sites évoluent. On capture donc ces photos pour que vous ayez un oeil sur le vrai rendu au moment de la mise en ligne.

carroussel page accueil store.digidop.fr
T-shirt en avant store digidop
produits digistore
tous les produits store digidop
T-shirt Webflow Builder Store Digidop
Panier store.digidop.fr
Checkout digistore
No items found.
Voir le site

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.

Nos sites sont développés avec les meilleurs pratiques web

Digidop ne vous propose pas qu’un simple site web, mais un savoir-faire approuvé par les acteurs du marché et nos clients satisfaits. Un gage de notre professionnalisme et de la qualité de nos services.

Et validés par nos clients

logo google
5/5 (57 avis)

"Excellent travail, direction artistique au top, équipe à l'écoute et surtout réactive !"

"L'agence m'avait été recommandée et ils ont vraiment été au rdv ! De la conception graphique, au développement sur Webflow jusqu'aux allers / retours avant la mise en ligne, tout s'est très bien déroulé."

"Le process est très carré et ils sont super sympas - si vous voulez développer un site en no-code rapidement et avec un super design, n'hésitez pas !"

"L'équipe de Digidop est une valeur sûre. Ils sont ponctuels, professionnels, communicatifs, positifs et incroyablement enthousiastes.

"From RFP inception to completion (and now continuation), Digidop was so quick to listen to our needs, propose ideas and take the project to much more. An amazing collaboration, always responsive."

"Digidop nous a aidé à lancer avec succès un MVP pour un système d’audit 100% automatisé avec Webflow et (Make) Integromat. L’équipe est compétente et réactive. Merci Digidop !"

"Superbe collab pour la refonte du site Reecall.com. Une team sérieuse et rapide !"

"Digidop a une vraie expertise sur Webflow et tout ce qui est nécessaire à la réalisation d'un site web moderne (design system, bonnes pratiques de développement, responsiveness, performance, SEO)."

Prêt(e) à avoir un site qui convertit ?

Améliorer votre visibilité en ligne grâce à l’experience, l’excellence et la réactivité de Digidop !