Entrer dans le roman avant même de l’ouvrir
Le site de lancement du thriller « Ce que j’ai vu » : l’histoire, le jeu, un extrait à feuilleter en ligne et une précommande sécurisée par carte bancaire, dans une ambiance sombre et mystérieuse qui prolonge la couverture.
Galerie
Julien, quarante-deux ans, découvre qu’il a lui-même demandé à oublier une partie de sa vie. Une ancienne usine, un jeu aux règles obscures, des photographies d’une autre époque : le roman installe une tension que le site devait faire ressentir dès l’arrivée.
L’objectif était double : donner envie de lire, puis accompagner le visiteur jusqu’à la commande. Le parcours va donc de l’accroche à l’histoire, du jeu à l’extrait, puis à la précommande, avec la date de sortie toujours en vue.
Le site est volontairement léger : du PHP classique, du HTML, du CSS et du JavaScript sans framework, un paiement délégué à Stripe et une base SQLite créée automatiquement pour suivre les commandes.
Ce que le projet devait accomplir, au-delà d’un simple site.
Faire ressentir le mystère du roman avant la première page.
Offrir un extrait lisible en ligne pour lever le dernier doute.
Un parcours court, de la découverte à la précommande.
Rendre le livre visible sur son titre, son auteur et son genre.
Les difficultés rencontrées, et la façon dont elles ont été résolues.
Le défi
Vendre en direct suppose de confirmer chaque commande de façon sûre, même si le lecteur quitte la page après le paiement.
La solution
Stripe Checkout pour la saisie de la carte et un webhook signé qui valide la commande côté serveur, quoi qu’il arrive côté navigateur.
Le défi
Proposer un extrait en ligne ne devait pas exposer le livre complet.
La solution
L’extrait est lu par le serveur depuis un fichier non public et n’est servi que dans la visionneuse.
Le défi
Le site doit rester léger et durable, sans chaîne d’outils lourde.
La solution
Aucun framework ni dépendance à installer : PHP, une base SQLite et des fichiers statiques.
Le défi
Vente à distance, cookies et données personnelles imposent des mentions précises.
La solution
Pages de mentions légales, CGV, confidentialité et cookies, et aucune donnée bancaire stockée.
Répartition des langages mesurée sur le code source
Front-end
Back-end
Infra
Définition du ton, de l’accroche et du parcours de lecture à la commande.
Pages histoire, extrait et précommande, visionneuse et intégration du paiement.
Mise en ligne, test de paiement complet puis ouverture des précommandes.
À découvrir aussi
Un projet similaire en tête ?
Média, radio, site éditorial ou de marque : parlons de vos objectifs, je vous réponds sous 48 h ouvrées.
Commentaires
Aucun commentaire pour le moment. Soyez le premier à réagir !