Direct · Maison d'édition, littérature · Marseille · 17 octobre 2026

Éditions Varech

Démonstrateur : Narration au défilement (CSS natif, typographie cinétique, View Transitions)

Maison d'édition indépendante à Marseille. Douze livres par an, fabriqués comme on les lit : lentement.

Brief → démo prête: 30 min
Brief → démo en ligne: 32 min

Ouvrir la démo varech.demo.apsov.com Images pour les réseaux

30:00

du brief à la démo prête

Avant · le brief

Entreprise fictive: Éditions Varech
Métier: Maison d'édition, littérature
Ville: Marseille
À démontrer: Narration au défilement (CSS natif, typographie cinétique, View Transitions)
Promesse: Maison d'édition indépendante à Marseille. Douze livres par an, fabriqués comme on les lit : lentement.

Après · la démo en ligne

Capture de la page d'accueil de Éditions Varech

Replay

Les étapes, au chronomètre

Brief reçu le 17 oct, 00:56. Les durées des étapes sont celles notées par l'usine dans le bilan de la maquette ; les horodatages du déploiement viennent de GitHub Actions.

0:00Brief reçu : Éditions Varech · 00:56
5:00Choix du métier, brief, direction artistique · 01:01
15:00Données, couvertures générées, gabarit, pages · 01:11
21:00Récit au défilement (cinq chapitres, CSS) · 01:17
30:00Build, captures (pleine page et par ancre), corrections, Lighthouse, parcours · 01:26
30:00Démo prête : Éditions Varech · 01:26
30:08Déploiement lancé : Éditions Varech · 01:26
31:45Démo en ligne : Éditions Varech · 01:27
8:01:06Déploiement lancé : Éditions Varech · 08:57
8:02:47Démo en ligne : Éditions Varech · 08:58
10:01:14Déploiement lancé : Éditions Varech · 10:57
10:02:55Démo en ligne : Éditions Varech · 10:58

Qualité

Lighthouse mobile

98Perf
100Accès
100Pratiques
100SEO

Minimum sur toutes les pages, mesuré le 17 octobre 2026.

Page	Perf	Accès	Pratiques	SEO	LCP
/	98	100	100	100	2,2 s
/catalogue/	99	100	100	100	2,0 s
/livres/la-mer-a-l-envers/	99	100	100	100	1,9 s
/maison/	99	100	100	100	1,6 s
/lettre/	99	100	100	100	2,0 s

Pour les réseaux

Images prêtes à publier

Générées côté serveur depuis les données de cette page : chronomètre, avant/après, scores. Carré pour Instagram et LinkedIn, large pour les aperçus de lien.

Image carrée : Éditions Varech fabriquée en 30 min — 1080 × 1080 · Télécharger

Première page du carrousel LinkedIn de Éditions Varech — Carrousel LinkedIn, 10 pages · Télécharger le PDF

Image large : Éditions Varech fabriquée en 30 min — 1200 × 630 · Télécharger

Reel vertical : Éditions Varech, le chronomètre de la fabrication en 24 secondes — Reel vertical 24 s · Télécharger le GIF

Textes proposés

Écrits depuis les données de cette page. Relisez avant de publier. Télécharger les trois textes

LinkedIn, texte long

Éditions Varech n'existe pas. Son site, si : 30 min du brief à la démo prête.

Le brief tenait en quelques lignes : maison d'édition à Marseille, avec une capacité à démontrer : narration au défilement (CSS natif, typographie cinétique, View Transitions).

Ce qui s’est passé, au chronomètre :
- à 5 min : Choix du métier, brief, direction artistique
- à 15 min : Données, couvertures générées, gabarit, pages
- à 21 min : Récit au défilement (cinq chapitres, CSS)
- à 30 min : Build, captures (pleine page et par ancre), corrections, Lighthouse, parcours

Mesuré avant la mise en ligne, Lighthouse mobile : performance 98, accessibilité 100, bonnes pratiques 100, SEO 100.
En ligne 32 min après le brief : varech.demo.apsov.com

Le replay complet, étape par étape : https://direct.apsov.com/maquettes/varech

Vous voulez la même chose pour votre métier ? Commencez par l’audit gratuit de votre site actuel : audit.apsov.com

X, texte court

Un site de maison d'édition fabriqué en 30 min, du brief à la démo prête. Lighthouse mobile 98/100/100/100. Entreprise fictive, chronomètre réel. Le replay : https://direct.apsov.com/maquettes/varech

Instagram

30 min. C'est le temps qu'il a fallu pour fabriquer le site de Éditions Varech, maison d'édition à Marseille (entreprise fictive).

Brief, direction artistique, pages, tests, mise en ligne : chaque étape est chronométrée et publiée.

Qualité mesurée sur mobile : 98/100/100/100 sur 100.

Le replay complet sur direct.apsov.com, lien en bio.

#siteweb #maison #marseille #webdesign #apsov

Flux

Tout ce qui concerne Éditions Varech

En direct. Les événements de l'historique sont reconstitués depuis le dépôt de l'usine.

17 oct, 10:58replayDémo en ligne : Éditions Varech
17 oct, 10:57replayDéploiement lancé : Éditions Varech
17 oct, 10:57replaya11y: audit clavier reel des six maquettes, parcours clavier rejouables, corrections
17 oct, 08:58replayDémo en ligne : Éditions Varech
17 oct, 08:57replayDéploiement lancé : Éditions Varech
17 oct, 08:57replayfeat(galerie): vitrine du Lab avec le cadran des cinq heures
17 oct, 08:56replayperf: polices de texte prechargees, compression brotli/gzip du serveur, posters allegés, outil lh-diag
17 oct, 01:27replayDémo en ligne : Éditions Varech
17 oct, 01:26replayDéploiement lancé : Éditions Varech
17 oct, 01:26replayfeat(varech): maquette narration au defilement (CSS natif, typographie cinetique, View Transitions)
17 oct, 01:26replayDémo prête : Éditions Varech
17 oct, 01:26replayBuild, captures (pleine page et par ancre), corrections, Lighthouse, parcours
17 oct, 01:17replayRécit au défilement (cinq chapitres, CSS)
17 oct, 01:11replayDonnées, couvertures générées, gabarit, pages
17 oct, 01:01replayChoix du métier, brief, direction artistique
17 oct, 00:56replayBrief reçu : Éditions Varech

Je veux la même chose

Un site comme celui-ci, pour votre métier, avec le chronomètre public. Commencez par l'audit gratuit de votre site actuel, ou écrivez-nous.

Auditer mon site actuel Écrire à Apsov