Ich wandelt dein Figma- oder PSD-Design in eine responsive HTML-E-Mail-Vorlage um
Über diesen Service
Automatische Übersetzung
Hi, ich bin Gianna, eine E-Mail-Entwicklerin. Ich habe mehrere Jahre damit verbracht, responsive E-Mails für Marketing-Teams von Hand zu codieren.
Ich benutze keine Drag-and-Drop-Builder. Jede Vorlage wird von Hand codiert, damit sie auch in den E-Mail-Clients funktioniert, die die meisten E-Mails kaputt machen: Outlook auf Windows, Gmail-Clip, iOS Dark Mode.
Was ich von dir brauche
- Dein Design in Figma, PSD, AI, Sketch oder als PDF
- Link-URLs, UTM-Parameter und Alt-Text
- Deinen ESP, falls du möchtest, dass ich es hochlade
Was du bekommst
- Handgecodeter responsiver HTML-Code, von 600px Desktop bis 320px Mobile
- Bulletproof CTAs, Dark-Mode-Unterstützung, retina-fähige Bilder
- Live-Text statt nur Bilder, damit es zugänglich bleibt und im Posteingang landet
- Rendering-Überprüfung auf allen großen Desktop-, Mobile- und Webmail-Clients
- Eine saubere Quelldatei, die du besitzt und wiederverwenden kannst
Ich arbeite mit Klaviyo, HubSpot, Salesforce Account Engagement (Pardot) und vielen anderen ESP-Plattformen.
Schick mir dein Design vor der Bestellung, dann bestätige ich den Umfang und die Bearbeitungszeit.
Bevorzugte Lieferart
Bitte informiere den Freelancer über alle Präferenzen oder Bedenken in Bezug auf den Einsatz von KI-Tools bei der Ausführung und/oder Lieferung deines Auftrags.
Lerne Gianna G kennen
Email and SMS Digital Marketing Expert
- AusVereinigte Staaten
- Mitglied seitOkt. 2023
- ⌀ Antwortzeit1 Stunde
Sprachen
Englisch
Automatische Übersetzung
FAQ
Automatische Übersetzung
Verwendest du einen Drag-and-Drop-Builder?
Nein. Jede Vorlage ist hand-codiertes HTML mit Inline-CSS. Exportierte Builder-Dateien enthalten viel Ballast und fallen in Outlook oft auseinander. Hand-codiertes Markup sorgt für eine kleinere Datei, saubereres Rendering und eine Quelldatei, die du später bearbeiten kannst.
Wird es in allen ISPs richtig dargestellt?
Ja, ich teste und rendere deine E-Mail in über 50 E-Mail-Clients.
Kann ich es in meinen ESP hochladen lassen?
Ja, bei Standard- und Premium-Plänen. Ich brauche einen Nutzerzugang mit Vorlagenrechten. Ich richte es als wiederverwendbare Vorlage mit bearbeitbaren Bereichen ein, damit dein Team den Text aktualisieren kann, ohne Code zu berühren. Nach Abschluss entfernst du meinen Zugriff.
Ich habe keine Design-Datei – kannst du trotzdem helfen?
In der Regel ja. Schick mir einen Screenshot, eine PDF, eine E-Mail, die dir gefällt, oder eine grobe Skizze plus deine Markenassets. Schreib mir zuerst, und ich sage dir ehrlich, ob ich mit dem, was du hast, arbeiten kann oder ob du zuerst einen Designer brauchst.
Wie gehst du mit Dark Mode um?
Logos und Icons bekommen transparente PNGs mit hell-sicheren Strichen, Hintergründe eine explizite Farbschema-Deklaration und Media Queries. Ich teste die Clients, die deine Farben invertieren, gegen die, die dein CSS respektieren. Diese Unterschiede sind oft die Stelle, an der die meisten Vorlagen kaputtgehen.
Wird die E-Mail barrierefrei sein?
Ja, mit semantischen Tabellenrollen, echtem Text statt Textbilder, Alt-Text bei jedem Bild, einem Sprach-Attribut und Kontrastprüfung nach WCAG AA. Das verbessert auch die Zustellbarkeit: E-Mails mit vielen Bildern und wenig echtem Text werden eher gefiltert.
Baust du modulare Vorlagen, die mein Team wiederverwenden kann?
Das ist das Premium-Paket. Du bekommst eine Master-Vorlage, die aus benannten Modulen besteht – Hero, Zwei-Spalten, Produktreihe, Testimonial, Footer – die dein Team in deinem ESP ohne Entwickler umordnen kann, plus Dokumentation, was jedes Modul erwartet.
Kannst du eine Vorlage anpassen, die wir schon verwenden?
Ja. Schick mir den bestehenden HTML-Code oder eine Live-Version, und ich passe Struktur, Abstand und Stil so an, dass die neue E-Mail aussieht, als käme sie aus dem gleichen System, anstatt daneben zu sitzen.

