
Création de landing page site e-commerce



Réflexion créative et design
L'élaboration du design pour Detective Box visait à capturer l'essence mystérieuse de leur jeu d'enquête, créant ainsi un attrait visuel immédiat. À travers une palette de couleurs sombres et des illustrations intrigantes, nous avons conçu une page qui incite à la curiosité et encourage les précommandes en plongeant les visiteurs dans l'ambiance unique du jeu.

01. Bench-mark UX
02. Wireframing
03. Prototype final
Développement Webflow
Développement Webflow
La phase de développement sur Webflow a permis de transformer les maquettes en une landing page interactive et responsive. Nous avons veillé à ce que chaque élément de design soit fidèlement retranscrit tout en garantissant une performance optimale du site, facilitant ainsi le parcours utilisateur jusqu'à la section de précommande.

01. Méthode client first
02. Design responsive
03. Optimisation SEO
Livraison & Accompagnement
Livraison & Accompagnement
01. Gestion de nom de domaine
02. Formation & prise en main
03. Publication & Indexation

L'entreprise
Detective Box est un jeu d'enquête immersif, un divertissement de type nouveau à la croisée entre l’escape game maison et la série policière. Après son passage dans la célèbre émission "Qui veut être mon associé ?", Émilie Bernier O’Donnell, créatrice du jeu, a réussi à faire exploser les ventes.
Enjeux du projet
- Captation et conversion
- Cohérence branding
- Intégration avec Shopify
- Respect des délais de précommande
- Optimisation des performances
- Suivi et tracking
L'accompagnement Octolio
1. Design
La première étape de notre mission auprès de Detective Box a consisté à concevoir un design attractif et évocateur pour la landing page. Notre objectif était de créer une ambiance mystérieuse et intrigante propre aux jeux d’enquête, tout en présentant clairement le produit et son concept. Nous avons ainsi élaboré des maquettes présentant un design soigné, des illustrations captivantes et une mise en page équilibrée qui guide le visiteur vers la section de précommande.
2. Développement Webflow
Après validation des maquettes, nous avons procédé au développement de la landing page sur Webflow. Cette étape a permis de transposer le design en une page web interactive et responsive. Nous avons veillé à l'optimisation de la performance du site, assurant ainsi une expérience utilisateur fluide et agréable. L'utilisation de Webflow a également permis une gestion simplifiée et efficace du contenu, facilitant ainsi les mises à jour ultérieures de la page.
3. Intégration Shopify et tracking
Enfin, nous avons réalisé l'intégration de la landing page avec la plateforme Shopify pour gérer les précommandes de manière sécurisée et efficace. Cette intégration a inclus la mise en place d'un système de tracking pour suivre les conversions et analyser le comportement des visiteurs. Cela permet à Detective Box d’avoir une vision claire de l’efficacité de la page, et d'ajuster ses stratégies marketing en conséquence. L'intégration a été réalisée de manière à assurer la continuité entre la landing page et la plateforme de précommande, offrant ainsi une expérience utilisateur homogène et professionnelle.
À chaque client, sa spécificité




















