Création de landing page site e-commerce

Projet stack :
Design UX/UI
Dev Webflow

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

01

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

02
01

Livraison & Accompagnement

Livraison & Accompagnement

01. Gestion de nom de domaine

02. Formation & prise en main

03. Publication & Indexation

02
02
Vous aussi, confiez votre projet à Octolio.
Nous contacter

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é

Grand audition
GRAND AUDITION
Site web
Refonte du site et optimisation SEO
En savoir plus
Talkspirit
TALKSPIRIT
Site web
Optimisation des performances de site-Talkspirit
En savoir plus
SWILE
SWILE
Landing Page
Création de landing page
En savoir plus
TUdigo
TUDIGO
Site web
Optimisations UX/UI et
développement Webflow.
En savoir plus
Good hands
GOOD Hand
Site web
Création du site web
En savoir plus
DOtfile
DOTFILE
Site web
Création du site web
En savoir plus
SO clinic
SO CLINIC
Site web
Refonte du site web
En savoir plus
GRAND AUDITION
GRAND AUDITION
Site web
Refonte du site et optimisation SEO
En savoir plus
Talkspirit
TALKSPIRIT
Site web
Optimisation des performances de site-Talkspirit
En savoir plus
SWILE
SWILE
Landing Page
Création de landing page
En savoir plus
TUdigo
TUDIGO
Site web
Optimisations UX/UI et
développement Webflow.
En savoir plus
Good hands
GOOD Hand
Site web
Création du site web
En savoir plus
DOtfile
DOTFILE
Site web
Création du site web
En savoir plus
SO clinic
SO CLINIC
Site web
Refonte du site web
En savoir plus
GRAND AUDITION
DOTFILE
Site web
Création du site web
En savoir plus
Talkspirit
TALKSPIRIT
Site web
Optimisation des performances de site-Talkspirit
En savoir plus
SWILE
SWILE
Landing Page
Création de landing page
En savoir plus
TUdigo
TUDIGO
Site web
Optimisations UX/UI et
développement Webflow.
En savoir plus
Good hands
GOOD Hand
Site web
Création du site web
En savoir plus
DOtfile
DOTFILE
Site web
Création du site web
En savoir plus
SO clinic
SO CLINIC
Site web
Refonte du site web
En savoir plus
GRAND AUDITION
DOTFILE
Site web
Création du site web
En savoir plus
Talkspirit
TALKSPIRIT
Site web
Optimisation des performances de site-Talkspirit
En savoir plus
SWILE
SWILE
Landing Page
Création de landing page
En savoir plus
TUdigo
TUDIGO
Site web
Optimisations UX/UI et
développement Webflow.
En savoir plus
Good hands
GOOD Hand
Site web
Création du site web
En savoir plus
DOtfile
DOTFILE
Site web
Création du site web
En savoir plus
SO clinic
SO CLINIC
Site web
Refonte du site web
En savoir plus
Autres projets

Vous n’êtes pas encore convaincu ?

De l'idée à la réalisation, nous sommes à vos côtés.

30 minutes

Discutons de votre projet.

Planifions un rendez-vous !