E-mailontwerp naar HTMLLay-out naar HTML

Je e-mailontwerp gebouwd in HTML: een tabellayout voor mailingdiensten, dicht bij je mock-up, met een mobiele versie

Meestal klaar in 15 minutenRevisies inbegrepenKwaliteitscontrole
Pakketten
BetaalbeschermingDetails
  • Revisies binnen het pakket zijn gratis.
  • Reageer je niet binnen 3 dagen na levering, dan wordt het werk automatisch goedgekeurd.

Het geld wordt bij betaling gereserveerd en pas vrijgegeven als je het werk goedkeurt.

Je e-mailontwerp gebouwd in HTML: een tabellayout voor mailingdiensten, dicht bij je mock-up, met een mobiele versie

Voorbeeldresultaat

Voorbeeld voor het pakket Standaard

Welcome and spring sale emails for a ceramics shop

The two emails

The welcome email on a phone

The welcome email on a phone

Files: a ZIP archive with 2 HTML emails built for email programs, with inline styles and an unsubscribe link, and 3 pictures drawn for them, ready to import into the client's mailing service. The pictures here are screenshots of the emails.

Client: Juniper & Oak, a small online shop of handmade ceramics and home goods. Task: two emails for their mailing service: a welcome email with 10% off the first order and a spring sale email with 20% off vases and planters, in sand, terracotta and olive.

De klant en alle details zijn verzonnen.

Over deze dienst

Je hebt een e-mailontwerp en je hebt het nodig als code die e-mailprogramma's goed tonen. Upload screenshots of PNG-exports van je mock-up, en wij bouwen het als HTML-e-mail: dezelfde blokken in dezelfde volgorde, kleuren, maten en knoppen, met echte tekst in plaats van een afbeelding van tekst. De code is wat e-mailprogramma's nodig hebben: tabellen van 600 px breed, stijlen op elk element, vergelijkbare systeemlettertypen en één kolom op telefoons, ook als je ontwerp alleen een desktopversie heeft. Foto's en illustraties van de mock-up worden in dezelfde geest opnieuw getekend, of de jouwe worden gebruikt als je ze uploadt. Wij kunnen geen Figma-, PSD- of Sketch-bestanden openen: exporteer de schermen als afbeeldingen. Wij versturen de e-mails niet.

Wat is inbegrepen

  • Wat je krijgtEen ZIP-archief met de HTML van elke e-mail en de afbeeldingen, klaar voor je mailingdienst, en een voorbeeld op de bestelpagina.
  • Dicht bij je ontwerpBlokken, kleuren, maten en knoppen zoals in je mock-up
  • Echte tekstKoppen en alinea's als tekst, niet als afbeelding van tekst
  • Mobiele versieGemaakt van het desktopontwerp als je geen mobiel ontwerp hebt
  • Afbeeldingen op hun plekOpnieuw getekend in de geest van de mock-up, of de jouwe
  • AfmeldlinkEen tijdelijke aanduiding in de footer die je vervangt door de eigen link van je dienst

Hoe het werkt

  1. 1
    UploadJe uploadt de schermen van je e-mailontwerp en geeft aan welk scherm welke e-mail is
  2. 2
    Bouw en voorbeeldWij bouwen elke e-mail in tabellen en inline stijlen, en jij vergelijkt hem met je ontwerp op een computer en een telefoon
  3. 3
    ArchiefJe downloadt het archief en vraagt binnen je pakket om aanpassingen

Wat we van je nodig hebben

Maximaal 5 afbeeldingen als PNG, JPEG of WebP: de schermen van je e-mailontwerp, één e-mail per afbeelding, scherp genoeg om de tekst te lezen, en desgewenst je logo en foto's om zo te gebruiken. Geef aan welk bestand welke e-mail is, de teksten als die van de mock-up afwijken, waar elke knop naartoe moet leiden, en de afzendergegevens voor de footer. Geen Figma-, PSD- of Sketch-bestanden: exporteer elk e-mailframe als afbeelding.

We vragen je:

  • Welk bestand is welke e-mail?
  • Wijken de teksten af van de mock-up?
  • Waar moeten de knoppen naartoe leiden?
  • Afzendergegevens voor de footer

Pakketten vergelijken

PakkettenBasis1 e-mail uit je ontwerp€ 16Standaard2 e-mails uit je ontwerpen€ 28Premium4 e-mails uit je ontwerpen€ 47
Levertijd1 dag2 dagen2 dagen
Revisies123
E-mails124
Getekende afbeeldingen voor de e-mails234
Mobiele versieJaJaJa
AfmeldlinkJaJaJa
Gebouwd uit je ontwerpJaJaJa
Bestellen BasisBestellen StandaardBestellen Premium

Betaalbescherming

Je betaalt bij het bestellen, maar het geld wordt alleen vrijgegeven voor goedgekeurd werk.

  • Vaste prijsDe prijs van het pakket verandert niet meer nadat je hebt betaald.
  • Het geld wordt gereserveerdBij betaling wordt het bedrag alleen gereserveerd. Het gaat pas naar de dienst als je het werk goedkeurt.
  • Gecontroleerd vóór leveringElk resultaat doorloopt een kwaliteitscontrole voordat het bij jou komt, en je ziet het op de bestelpagina voordat je het goedkeurt.
  • Gratis revisiesVraag wijzigingen binnen je briefing aan, zo vaak als het pakket toestaat.
  • Goedkeuring na 3 dagenKeur je het werk binnen 3 dagen na levering niet goed en vraag je ook geen wijzigingen, dan wordt het automatisch goedgekeurd. Schrijf je na levering in de chat van de bestelling, dan wacht de bestelling; zodra we hebben geantwoord, kunnen we de 3 dagen opnieuw laten ingaan en melden we dat in de chat.
  • Opnieuw doen of volledige terugbetalingPast het resultaat niet bij je briefing en hebben de revisies dat niet opgelost, of duurt het werk meer dan twee keer zo lang als de levertijd, schrijf dan in de chat van de bestelling: we doen het werk opnieuw of betalen het volledige bedrag terug.
Hoe het werkt →

Vragen en antwoorden

Kunnen jullie mijn Figma- of PSD-bestand openen?

Nee, wij werken met afbeeldingen van de schermen. Selecteer in Figma het e-mailframe en exporteer het als PNG op 2x; gebruik in Photoshop Exporteren als. Een hoge e-mail kan één lange afbeelding zijn.

Komt het tot op de pixel overeen met mijn ontwerp?

Het komt dichtbij qua indeling, kleuren, maten en volgorde van de blokken, maar niet tot op de pixel: e-mailprogramma's tonen e-mails een beetje anders, lettertypen zijn vergelijkbare systeemlettertypen en foto's worden opnieuw getekend tenzij je je eigen foto's uploadt. Stuur vóór het verzenden een test naar een paar mailboxen en een telefoon.

Mijn ontwerp heeft een speciaal lettertype en een video. Wat dan?

De meeste e-mailprogramma's tonen geen webfonts en geen video, dus tekst wordt gezet in een vergelijkbaar systeemlettertype, en de video wordt een afbeelding met een afspeelteken die ernaar verwijst.

Kunnen jullie een e-mail van een ander bedrijf nabouwen?

Wij bouwen ontwerpen die van jou zijn of die je mag gebruiken. Wij kopiëren de e-mail van een ander bedrijf niet één op één; een e-mail die je mooi vindt kan alleen een hint voor de stijl zijn.

Past het in de drag-and-dropeditor van mijn mailingdienst?

Je krijgt gewone HTML om te importeren of als eigen code te plakken. Het is niet opgedeeld in de blokken van de editor, dus latere wijzigingen maak je in de code-editor. De footer heeft een tijdelijke aanduiding voor de afmeldlink voor de eigen link van je dienst.

Staat je antwoord er niet bij?

Pakketten