Layers Tec
Surpriz, des mots qui s’ouvrent au bon moment
Comment un message devient un cadeau à déballer : de la première version de 2025 à la refonte d’octobre 2026, autour d’une mascotte.
Couches touchées
- Présence en ligne
- Logiciels
- Serveurs
- Réseau
- Porté par
- L’équipe Layers Tec
- Pour
- Tout le monde, pour toutes les occasions
- Où en est-il
- En lancement
- Le site
- surpriz.layers-tec.com ↗
- À voir
- Voir le projet ↗
Chapitre 1
L’idée : des mots qui s’ouvrent au bon moment.
Un message d’anniversaire envoyé la veille tombe à plat ; envoyé à minuit pile, il fait sourire. Surpriz part de là : on écrit son message, on l’emballe comme un cadeau, on choisit le jour et l’heure où il s’ouvre, et on envoie un lien. Jusque-là, le proche ne voit qu’un compte à rebours. Puis il déballe.
-
1. Écrire
Un souvenir, une blague à vous, un « je t’aime » qu’on ne dit pas assez.
-
2. Emballer
Le papier cadeau, l’écriture, et le moment exact où la surprise s’ouvrira.
-
3. Envoyer le lien
Par WhatsApp, SMS ou QR code. Pas d’application à installer, pas de compte.
« Psst… c’est pour toi ! »
Gratuit, sans inscription, prêt en deux minutes, et lisible sur n’importe quel téléphone, même avec peu de réseau.
Chapitre 2
La première version : l’essentiel en trois semaines.
Le projet démarre le 25 août 2025. Trois semaines plus tard, l’essentiel est là : créer un vœu, choisir son thème, partager le lien, attendre, ouvrir. La version est mise en ligne sur surpriz.layers-tec.com, et ses surprises arrivent depuis.
-
25 août 2025
Le premier jour
Le projet est lancé : Laravel et Inertia, une page de création, un compte à rebours.
-
Début septembre 2025
Partager et réagir
Le choix de la date d’ouverture, un QR code pour partager le lien, et la possibilité de réagir à une surprise.
-
Mi-septembre 2025
Garder un souvenir
Des thèmes et des écritures au choix, une page d’ouverture soignée, et la carte à télécharger.
-
18 septembre 2025
Prêt à partager
Les images d’aperçu des liens, l’icône du site, le texte de l’accueil simplifié.
Chapitre 3
La refonte : tout réécrire, sans rien perdre.
Un an plus tard, le 2 octobre 2026, l’équipe reprend tout : le code, le graphisme, les animations. La consigne tient en une phrase : plus moderne, plus animé, et la mascotte au centre. Une contrainte aussi : les surprises déjà envoyées devaient continuer d’arriver.
Une base neuve
Laravel 13, Inertia 3, Vue 3.5, Tailwind 4. Des polices hébergées sur le site, des animations en CSS : moins de bibliothèques, des pages plus légères.
Rien ne se perd
Chaque surprise de l’ancienne version est recopiée dans la nouvelle, et ses anciens liens redirigent vers la nouvelle adresse. Celui qui attend toujours son paquet le reçoit.
Rien ne fuit
Avant l’heure, la page d’attente ne contient ni le titre, ni le message, ni la signature : un test le vérifie. L’adresse d’une surprise est impossible à deviner.
Chapitre 4
La mascotte : une boîte qui a du caractère.
La mascotte existait déjà, en images figées. La refonte la redessine en vecteurs, pour qu’elle bouge : elle respire, cligne des yeux, suit le pointeur du regard, lève les bras, et son couvercle s’envole à l’ouverture. Ses formes restent arrondies, comme l’originale ; une première version trop anguleuse a été reprise.
- joie
- sourire
- clin d’œil
- ravie
- surprise
- endormie
- inquiète
Sept expressions, cinq positions de bras, un couvercle qui flotte, se pose ou s’envole.
Un logo né de la mascotte.
Plusieurs pistes ont été dessinées puis comparées. Celle retenue : une bulle de discussion qui est la boîte de la mascotte, avec son nœud et un clin d’œil, un message dans un cadeau. À côté, le mot « surpriz », gonflé comme un ballon.
Les couleurs viennent de la boîte.
- Bleu
- Jaune
- Rose
- Menthe
- Framboise
- Ruban
Le framboise des boutons a été foncé pendant la refonte : l’ancien teint ne passait pas le contraste minimal avec le texte blanc.
Une image d’aperçu par occasion. Celle d’une surprise ne montre qu’un paquet fermé : l’aperçu WhatsApp, parfois vu par tout un groupe, ne dévoile rien.
Chapitre 5
Le parcours : pensé pour le téléphone.
On crée une surprise dans le bus, on l’ouvre dans son lit à minuit : tout se passe sur un téléphone. L’assistant tient en trois étapes, les boutons restent au pouce, et l’aperçu de la carte monte du bas de l’écran sans faire défiler la page.
Et sur grand écran.
L’accueil et la page de gestion profitent de la place : sur ordinateur, la carte reste visible à côté du formulaire et montre chaque changement en direct.
-
1
Le créateur reçoit son lien
Et une clé de gestion, pour modifier ou supprimer sa surprise.
-
2
Le proche attend
Il ne voit que le compte à rebours, son prénom et « une surprise t’attend ».
-
3
Il déballe
L’ouverture n’est comptée qu’au vrai déballage, pas quand WhatsApp prépare l’aperçu.
-
4
Il répond
D’un geste ou d’un mot. Le créateur le découvre sur sa page, en direct, et par email pour la première réponse.
Chapitre 6
Les détails : ce qui fait l’émotion.
Une surprise, ce sont des petites choses : un son quand on touche le paquet, une mélodie à l’ouverture, une photo qui sort de la carte, les mots de toute une famille. La refonte les a ajoutées une à une, sans alourdir la page.
-
Des sons, sans fichier son
Un « bloup » à chaque touche, un arpège à l’ouverture, un tic-tac dans les dix dernières secondes. Tous fabriqués par le navigateur, seulement après un geste, et coupés d’un bouton.
-
Une boîte à musique
Le créateur choisit une mélodie du domaine public, « Joyeux anniversaire », « L’Ode à la joie », une berceuse… Elle joue quand le paquet s’ouvre.
-
Une photo dans le paquet
Elle sort de la carte en polaroïd. Le téléphone la réduit avant l’envoi, le serveur retire sa position GPS, et elle reste invisible avant l’heure.
-
La surprise à plusieurs
Un lien de participation, et chacun glisse son prénom, un mot et une photo. Ce lien ne montre rien d’autre : ni le message, ni l’adresse de la surprise.
Surpriz en vingt secondes.
La vidéo de présentation est animée à partir des mêmes dessins que le site : retoucher la mascotte la met à jour. Sa musique et ses bruitages sont synthétisés, sans aucun échantillon externe, et le temps fort tombe sur l’envol du couvercle. Une version verticale est servie aux téléphones.
Chapitre 7
Les coulisses : six services, une boîte cadeau.
Derrière le paquet, Surpriz mobilise plusieurs couches du studio. Les services allumés sont ceux que l’équipe a menés ; les pistes, ceux qui ont travaillé ensemble.
-
Couche 4 Présence en ligne
-
Couche 3 Logiciels
-
Couche 2 Serveurs
-
Couche 1 Réseau
- Logiciels en ligne (SaaS)
- L’application : l’assistant de création, le compte à rebours, le paquet à déballer, la page de gestion en direct, les comptes facultatifs, la surprise à plusieurs.
- Identité visuelle
- La mascotte vectorielle et animable, l’icône « bulle-cadeau », le mot « surpriz », la palette, les illustrations par occasion et la vidéo de présentation.
- Référencement (SEO)
- Un aperçu de lien propre à chaque surprise, qui ne dévoile rien, et des pages de surprise introuvables par les moteurs de recherche.
- Hébergement et noms de domaine
- Le site sur le sous-domaine de Layers Tec, sur un hébergement sans Node : les fichiers compilés sont livrés avec le code.
- Emails professionnels
- Une boîte d’envoi dédiée et des emails aux couleurs de Surpriz : lien de gestion, surprise ouverte, première réponse.
- Cybersécurité
- Adresses impossibles à deviner, clé de gestion jamais stockée en clair, photos débarrassées de leurs métadonnées, limites contre les robots.
En lancement depuis octobre 2026
Quelqu’un mérite une surprise aujourd’hui.
Surpriz est gratuit et sans inscription. Essayez-le, et dites-nous ce qui vous manque : les retours des premiers utilisateurs nous aideront à choisir les prochaines fonctions.
Parlons de votre projet.
Quelques lignes suffisent. Nous revenons vers vous avec les bonnes questions, et nous vous disons franchement ce que nous pouvons faire pour vous.
Écrivez-nous