Pixel-Perfect HTML Email Integration from Figma - Outlook Compatible & HubSpot Optimized
Publicada el 2026-07-23
Descripción de la oferta
Hi, I am an Art Director looking for an expert email developer (table-based HTML/CSS) to finalize a project for our team. I have designed 5 newsletter templates (Activation, Newsletter, Survey, etc.) directly in Figma. I used the Emailify plugin to lay out the initial structures, but certain art direction choices require a technical eye to ensure the integration is flawless and doesn't break on notoriously difficult email clients. (Note: I don't mind if the Emailify meta tags remain in the code, I just need the final output to be perfectly coded and robust). The Technical Challenge: The designs feature specific graphic elements—most notably a "bubble" effect with a large asymmetrical border-radius that creates a transition between a photo and a text block. You will need to use flattening, smart image slicing, or optical illusion techniques to ensure the final render is 100% faithful to the design while keeping the HTML code completely solid. What I Provide: A figma File Expected Deliverables: 5 clean, lightweight, and responsive index.html files. A folder with all sliced and web-optimized images. The code must be strictly structured using and tested for 100% compatibility with major email clients (Outlook, Gmail app, Apple Mail, Yahoo). STRICT Constraint (HubSpot Integration Readiness): I will personally handle the final integration into our team's HubSpot account. To make this seamless for me, the code must be perfectly optimized for it: Clear Commenting: Every image tag must be clearly surrounded by large HTML comments (e.g., ) so I can easily find and replace the local paths with our HubSpot hosted URLs. Editable Sections: Please clearly comment the start and end of text blocks (e.g., ). Bonus: If you are familiar with HubSpot's HubL syntax (e.g., {% text "my_text" %} or {% image "my_image" %}), setting up the raw HTML as a fully editable HubSpot Custom Code template will be highly valued! To Apply: Please attach a few examples of complex HTML emails you have coded (ideally featuring curves, overlapping elements, or complex slicing) and provide your estimated turnaround time for these 5 templates. Please explicitly mention your experience with HubSpot formatting.
Skills
Fuente original: freelancer