Email que renderiza igual en Gmail, Outlook desktop, Apple Mail y mobile. Versión light y dark. Modular para reusar. Test en Litmus antes de entregar.
El HTML de email no es HTML web. Outlook desktop usa el motor de renderizado de Microsoft Word (sí, Word). Gmail elimina ciertos CSS. Apple Mail respeta media queries pero Outlook.com no. iOS dark mode invierte colores. Una plantilla que se ve perfecta en el editor de Mailchimp puede llegar rota a 35-40% de los destinatarios. Diseñar plantillas correctas es disciplina técnica con reglas específicas, no diseño web aplicado a email.
Outlook 2007-2024 desktop usa el motor de Word para renderizar HTML. No soporta CSS moderno, no respeta media queries, ignora algunas propiedades CSS, requiere mso-conditional comments para fixes específicos. Aproximadamente 8-15% de tus destinatarios usa Outlook desktop. Una plantilla sin fixes Outlook se ve rota para ellos.
Gmail tiene reglas extrañas: si el <style> tag es muy largo, lo elimina completo. Si hay caracteres específicos en clases, los strip. Las plantillas profesionales usan inline styles para propiedades críticas + style tag para fallbacks. El balance correcto requiere conocer las reglas exactas.
iOS, Outlook.com, Apple Mail aplican dark mode automáticamente invirtiendo colores. Sin preparación, logos negros sobre fondo blanco se vuelven invisibles (logo invertido a blanco, fondo invertido a negro). El fix: media query prefers-color-scheme + colores semánticos + logo con versión clara y oscura.
Plantilla mal diseñada se usa para 1 campaña y luego se rehace para la próxima. Plantilla modular bien diseñada tiene 6-12 bloques (header, hero, 2-column, CTA, footer, etc.) que se combinan para producir docenas de variantes sin volver a tocar HTML. La diferencia de productividad es de 4-8x.
Proyecto desde brief inicial hasta entrega del HTML probado. Para clientes que necesitan varias plantillas, descuento progresivo por volumen.
Identidad visual existente (logo, colores, tipografías), tipo de contenido esperado (newsletter / promoción / transaccional / lifecycle), público objetivo, ejemplos de marcas referencia. Si el cliente no tiene identidad bien definida, podemos cotizar diseño de identidad como adicional.
Diseño en Figma con versiones: desktop, mobile, dark mode. 1-2 rondas de revisión incluidas. El cliente aprueba el diseño visual antes de pasar a código HTML. Si pide más de 2 rondas, ronda adicional USD 60.
Conversión del diseño Figma a HTML email-safe. Inline styles donde es crítico, table-based layout para Outlook, mso conditionals para fixes específicos. Compatibilidad con clientes de email modernos (Gmail, Apple, Yahoo) y legacy (Outlook 2007-2024).
Variante dark mode con media query prefers-color-scheme. Logo en versión clara y oscura. Colores semánticos donde aplica. Test específico en iOS Mail, Outlook.com, Apple Mail desktop.
Test renderizado en Litmus o Email on Acid: Outlook 2007, 2010, 2013, 2016, 2019, 365 desktop + web + mobile, Gmail web/iOS/Android, Yahoo, Apple Mail desktop + iOS, Samsung Mail, Thunderbird, ProtonMail. Capturas de pantalla entregadas como evidencia.
HTML final + variables editables documentadas + bloques modulares listos para reusar. Capacitación de 45 minutos al equipo de marketing del cliente: cómo cambiar copy, cómo intercambiar bloques, qué NO tocar para no romper compatibilidad. Sin esa capacitación, las plantillas se rompen en la primera edición.
Después de re-branding, todas las plantillas anteriores quedan desactualizadas. Set de 4-6 plantillas base (newsletter, promo, transaccional, evento, anuncio) cubre los casos de uso de 90% de marcas. USD 720-1.080 paquete.
Cambio de Mailchimp a Klaviyo, o de Sendinblue a HubSpot. Las plantillas existentes pueden no renderizar igual en la plataforma nueva. Adaptación + optimización + tests.
Lanzamiento de producto, Black Friday, evento corporativo. Plantilla específica con diseño elaborado, atención al detalle, varios casos de uso (announcement / preventa / recordatorio / día-del-evento). 4-6 plantillas relacionadas.
OTPs, welcome, password reset, order confirmation. Pequeñas en contenido pero importantes en consistencia de marca. Set de 6-8 plantillas transaccionales que renderizan limpias en todos los clientes, USD 1.080-1.440 paquete.
Plantillas gratuitas (Mailchimp, Litmus templates, etc.) son buenas para empezar pero típicamente fallan en: identidad de marca específica, dark mode profesional, compatibilidad real con Outlook (no la teórica), bloques modulares útiles para tu caso. Costo real del "ahorro": equipo de marketing dedicando 4-8 horas/mes a parchar plantillas. A USD 30/hora de marketing manager, eso es USD 120-240/mes solo por arreglar lo que no funciona. La aritmética favorece plantilla bien diseñada una vez.
Sí. Set de 3 plantillas: USD 460 (USD 153/plantilla). Set de 6: USD 840 (USD 140/plantilla). Set de 10+: USD 1.300 (USD 130/plantilla). Para agencias que diseñan plantillas para clientes finales, plan agency (10+ plantillas/año) USD 100/plantilla. El descuento refleja eficiencia operativa: cuando ya conocemos la marca, plantillas adicionales toman menos discovery.
Totalmente editable. Entregamos HTML semánticamente claro con comentarios explicando qué bloque es qué, variables documentadas. El equipo del cliente puede cambiar copy, imágenes, links sin tocar la estructura. Si quieren cambiar estructura (agregar bloques nuevos, reorganizar) recomendamos pedir el ajuste a nosotros (USD 35-60 por ajuste menor) o seguir el documento "qué NO tocar".
Hacemos HTML estándar que funciona en todas las plataformas mainstream: Mailchimp, Klaviyo, HubSpot, Brevo, ActiveCampaign, MailWizz, Acelle, Mautic, SendGrid, Postmark. Las diferencias entre plataformas son menores (estructura de variables: {{*|FIRSTNAME|*}} en Mailchimp vs {{contact.firstname}} en HubSpot). Especificar la plataforma destino al briefing.
Incluye composición visual completa en Figma: layout, colores, tipografías, jerarquía. Para fotos/ilustraciones: usamos las que provee el cliente. Si el cliente necesita banco de imágenes profesional, le recomendamos Unsplash (gratis) o Shutterstock (de pago). Para ilustraciones custom, podemos cotizar separado (USD 80-300 según complejidad).
Garantizamos compatibilidad en los 30+ clientes principales (95-97% de cuota de mercado): Gmail web/iOS/Android, Outlook 2010-2024 + Outlook.com web + iOS, Apple Mail desktop/iOS, Yahoo web/mobile, Samsung Mail, Thunderbird. Lo que no podemos garantizar al 100%: clientes muy minoritarios o configuraciones corporativas muy estrictas (algunos Exchange on-premise con políticas de seguridad agresivas pueden strip HTML). Esos casos representan <2% de la audiencia típica.
Conversación de quince minutos por WhatsApp. Le decimos exactamente qué incluiría su cotización para esto, sin formularios largos.
