ELYD PARIS

  • 3 avenue de Bouvines 75011 Paris

Si vous venez seulement chercher les ressources de la vidéo, elles sont ici. Chaque lien s'ouvre dans un nouvel onglet.

La méthode en 6 ressources.

L'ordre compte : inspiration, structure, parcours, système, mouvement, puis audit final. C'est ce qui transforme un prompt vague en brief exploitable.

01

Lapa Ninja, pour l'inspiration

Une galerie de landing pages pour comprendre ce qui fonctionne déjà : hiérarchie, rythme des sections, preuves, CTA, façon d'expliquer une offre. Le but n'est pas de copier, mais d’envoyer à l’IA des références visuelles solides.

Inspiration Landing pages Références visuelles
Utilisez 2 ou 3 pages comme références, puis expliquez ce que vous gardez et ce que vous refusez. Ouvrir Lapa Ninja
02

Nicely Done, pour la structure des sections

Nicely Done aide à analyser comment les meilleurs produits structurent leurs pages et leurs blocs : pricing, onboarding, tableaux, formulaires, comparatifs. On extrait la logique de la section avant de parler couleurs ou animation.

Sections Pricing Patterns produit
Demandez à l’IA de reprendre la logique du bloc, pas son habillage graphique. Ouvrir Nicely Done
03

Mobbin, pour l'UX et le parcours utilisateur

Mobbin sert à observer les flux réels des applications : inscription, paiement, création de compte, préférences, confirmation. C'est la partie que les prompts génériques oublient : l’enchaînement des étapes.

UX Flux utilisateur Mobile et SaaS
Avant de générer la page, donnez à l’IA le parcours exact attendu par l'utilisateur. Ouvrir Mobbin
04

Google DESIGN.md, pour la rigueur du système

DESIGN.md permet d'imposer des règles claires à l’IA : grille de 8, espacements, composants, tokens, contrastes, et logique responsive. Sans système, l'IA place souvent les éléments de manière aléatoire.

Design system Grille 8px Contraintes IA
Ajoutez ces règles directement dans le brief avant de demander la maquette ou le code. Ouvrir DESIGN.md
05

Motion.dev, pour l'animation

Motion.dev sert à créer des animations propres et modernes : transitions, scroll, micro-interactions. La règle importante reste la retenue : deux animations majeures par page suffisent largement.

Animation Scroll Performance
Précisez à l’IA quelles animations garder et lesquelles éviter pour ne pas surcharger la page. Ouvrir Motion.dev
06

Impeccable Skill, pour l'audit final

Impeccable Skill sert de contrôle qualité : hiérarchie visuelle, contrastes, accessibilité, lisibilité, responsive, cohérence des composants. C’est l’étape qui transforme un rendu "pas mal" en page exploitable.

Audit UI Accessibilité Qualité frontend
Faites auditer le rendu, puis demandez à l’IA de corriger uniquement les points détectés. Ouvrir Impeccable
Workflow court

Le vrai prompt commence avant le prompt.

L’erreur classique consiste à demander "fais-moi un site moderne". À la place, donnez à l’IA un brief avec des références, un parcours, une grille, des règles d’animation et une checklist d'audit.

Plus le contexte est précis, moins l'IA remplit les trous avec ses templates moyens.

  1. 1
    Choisir 2 références Lapa NinjaDire ce qu'on garde : rythme, preuve, CTA, structure.
  2. 2
    Identifier les sections sur Nicely DonePricing, FAQ, onboarding, comparatif, formulaire.
  3. 3
    Décrire le parcours avec MobbinÉtapes, transitions, erreurs, confirmation.
  4. 4
    Imposer un DESIGN.mdGrille 8px, tokens, contrastes, composants.
  5. 5
    Limiter les animations Motion.devDeux mouvements forts, le reste discret.
  6. 6
    Auditer avec ImpeccableCorriger contraste, hiérarchie, accessibilité et responsive.

Générateur de prompt.

Répondez aux questions dans l'ordre. Le prompt se remplit en direct, sans variable vide, puis vous pouvez le copier dans votre outil IA.

Quel site voulez-vous créer ?

Posez le contexte business. Plus il est concret, moins l’IA invente.

Que doit faire la page ?

On fixe l'action attendue, les blocages et les preuves à afficher.

Quelles références donnez-vous à l’IA ?

Indiquez ce que vous aimez, mais aussi ce que l’IA ne doit pas copier.

Quelles contraintes imposer ?

C'est le garde-fou qui évite le rendu clone : design system, mouvement, audit.

Vous voulez un site qui ne ressemble pas à un template IA ?

ELYD peut cadrer votre offre, votre parcours et votre design system, puis transformer l'IA en accélérateur au lieu de la laisser décider seule.

Parler du projet

Mentions Légales

Identification de la personne morale

Dénomination ou raison sociale : ELYD
Forme juridique : Société par actions simplifiée
Capital social : 100,00 EUROS
Immatriculation au RCS, numéro : 941 391 609 R.C.S. Paris
Date d'immatriculation : 04/03/2025
Adresse du siège : 3 avenue de Bouvines 75011 Paris
Téléphone : 06 59 16 13 83
Domiciliation en commun : OK DOM (Immatriculation au RCS, numéro 908 369 275)
Activités principales : Développement Web et E-marketing
Durée de la personne morale : Jusqu'au 03/03/2124
Date de clôture de l'exercice social : 31 décembre
Date de clôture du 1er exercice social : 31/12/2025

Directeur de la publication

Le directeur de la publication du site est la société ELYD.

Hébergement

Le site est hébergé par IONOS, 7 place de la Gare, 57200 Sarreguemines, France.

Propriété intellectuelle

L'ensemble des éléments constituant ce site (textes, graphismes, logiciels, photographies, images, vidéos, sons, plans, logos, marques, etc.) est la propriété exclusive d'ELYD. Ces éléments sont protégés par les lois françaises et internationales relatives à la propriété intellectuelle.

Protection des données personnelles

ELYD traite les données que vous envoyez via ses formulaires, diagnostics, outils et chatbot pour répondre à vos demandes, préparer une proposition commerciale, assurer le suivi client et sécuriser les échanges. Ces données peuvent être transmises à nos sous-traitants techniques strictement nécessaires, notamment n8n pour l'automatisation des demandes, nos outils CRM et ElevenLabs lorsque vous demandez la lecture vocale d'une réponse du chatbot.

Vous disposez d'un droit d'accès, de rectification, d'effacement, d'opposition, de limitation et de portabilité lorsque ces droits s'appliquent. Pour les exercer, écrivez à sas.elyd@gmail.com. Le détail des finalités, bases légales, durées de conservation, destinataires et recours CNIL est disponible dans notre politique de confidentialité.

Chatbot IA

Le chatbot ELYD peut traiter vos messages, les images que vous joignez et un identifiant de session pour répondre à votre demande. La dictée vocale reste gérée par votre navigateur. Si vous lancez la lecture audio, le texte de la réponse est envoyé à ElevenLabs pour générer le son. Évitez d'envoyer des données sensibles dans le chatbot.

Cookies

Les cookies et stockages strictement nécessaires servent au fonctionnement du site, à la sécurité, aux préférences et à la mémorisation de votre choix cookies. Les traceurs de mesure d'audience, publicité, Meta Pixel, Google Tag Manager et conversions ne sont chargés qu'après votre accord. Vous pouvez accepter, refuser ou personnaliser ces choix depuis le bouton . Le détail est disponible dans notre politique cookies.

1

Assistant ELYD

En ligne

Bonjour ! 👋 Je suis l'assistant ELYD. Comment puis-je vous aider aujourd'hui ?

Maintenant

L'assistant ELYD est une IA et peut faire des erreurs. Confidentialité