Je vais convertir votre design Figma ou PSD en un modèle d'email HTML responsive
À propos de ce service
Traduction automatique
Bonjour, je suis Gianna, une développeuse d'emails. Je passe plusieurs années à coder manuellement des emails responsive pour des équipes marketing.
Je n'utilise pas de constructeurs en glisser-déposer. Chaque modèle est codé à la main pour résister dans les clients qui cassent la plupart des emails : Outlook sur Windows, Gmail avec clipping, mode sombre sur iOS.
Ce que je vous demande
- Votre design Figma, PSD, AI, Sketch ou un PDF
- Les liens URL, paramètres UTM et texte alternatif
- Votre ESP, si vous souhaitez qu'il soit uploadé
Ce que vous recevez
- HTML responsive codé à la main, de 600px pour le bureau à 320px pour le mobile
- Appels à l'action solides, gestion du mode sombre, images compatibles retina
- Texte en live plutôt que des layouts uniquement en image, pour rester accessible et arriver en boîte de réception
- Vérification du rendu sur les principaux clients desktop, mobile et webmail
- Un fichier source propre que vous possédez et pouvez réutiliser
Je travaille avec Klaviyo, HubSpot, Salesforce Account Engagement (Pardot) et d'autres plateformes ESP.
Envoyez-moi votre design avant de commander, je confirmerai le périmètre et le délai.
Préférence du type de livraison
Veuillez informer le freelance de toute préférence ou préoccupation concernant l'utilisation d'outils d'IA dans la réalisation et/ou la livraison de votre commande.
Découvrez Gianna G
Email and SMS Digital Marketing Expert
- DeÉtats-Unis
- Membre depuisoct. 2023
- Temps de réponse moy.1 heure
Langues
Anglais
Traduction automatique
FAQ
Traduction automatique
Utilisez-vous un constructeur en glisser-déposer ?
Non. Chaque modèle est codé à la main en HTML avec CSS en ligne. Les exports des constructeurs contiennent beaucoup de bloat et ont tendance à se dégrader dans Outlook. Le code manuel vous donne un fichier plus léger, un rendu plus propre et un fichier source que vous pouvez réellement modifier plus tard.
Le rendu sera-t-il correct sur tous les fournisseurs de messagerie ?
Oui, je vérifie et teste votre email sur plus de 50 clients de messagerie.
Pouvez-vous le télécharger dans mon ESP ?
Oui, sur les plans Standard et Premium. J'aurai besoin d'un accès utilisateur avec permissions pour le modèle. Je le configure comme un modèle réutilisable avec des zones modifiables pour que votre équipe puisse mettre à jour le contenu sans toucher au code, puis vous retirez mon accès une fois terminé.
Je n'ai pas de fichier de design — pouvez-vous quand même aider ?
En général, oui. Envoyez-moi une capture d'écran, un PDF, un email que vous aimez ou un croquis approximatif avec vos éléments de marque. Contactez-moi d'abord et je vous dirai honnêtement si je peux travailler avec ce que vous avez ou si vous avez besoin d'un designer en premier.
Comment gérez-vous le mode sombre ?
Les logos et icônes sont en PNG transparent avec des traits adaptés à la lumière, les arrière-plans ont une déclaration explicite de la palette de couleurs et des media queries, et je teste les clients qui forcent l'inversion des couleurs contre ceux qui respectent votre CSS. C'est souvent là que la plupart des modèles échouent.
L'email sera-t-il accessible ?
Oui, avec des rôles de tableau sémantiques, du vrai texte au lieu d'images de texte, du texte alternatif sur chaque image, un attribut de langue, et un contraste vérifié selon WCAG AA. Cela aide aussi à la délivrabilité : les emails riches en images avec peu de texte en direct ont plus de chances d'être filtrés.
Construisez-vous des modèles modulaires que mon équipe peut réutiliser ?
C'est le package Premium. Vous obtenez un modèle maître construit à partir de modules nommés — héros, deux colonnes, rangée de produits, témoignage, pied de page — que votre équipe peut réarranger dans votre ESP sans développeur, avec une documentation sur ce que chaque module attend.
Pouvez-vous faire correspondre un modèle que nous utilisons déjà ?
Oui. Envoyez-moi le HTML existant ou une version en ligne et je reproduirai la structure, l'espacement et le style pour que le nouvel email ressemble à celui qui sort du même système, plutôt que de paraître déplacé à côté.

