Figma to HTML/CSS Email Template Conversion
Budget: $30 – $250 SGD
I'm seeking a talented front-end developer to convert three simple email templates from Figma into HTML and CSS. These are designed for marketing and transactional emails, so it's crucial they look sharp and are fully responsive across all devices and major email clients.
Key Responsibilities:
- Design Conversion: Accurately convert the Figma designs into HTML/CSS while keeping the design integrity intact.
- Responsive Design: Guarantee that the templates are mobile-friendly and appear consistent on desktop, tablet, and mobile views.
- Cross-Client Compatibility: Optimize the templates to display correctly in all major email clients (e.g., Outlook, Gmail, Apple Mail) and on popular webmail services.
- Code Best Practices: Write clean, well-commented, and inline HTML/CSS code to allow for easy updates in the future. Avoid using JavaScript, as it is not supported in most email clients.
All major email clients are a priority for compatibility. The templates should also support dark mode. There are no specific animations or interactive elements required in the email templates; they will be static designs.
Deliverables:
- Three fully responsive HTML/CSS email templates, each in separate files.
Ideal candidates should have:
- Proficiency in HTML and CSS with a focus on email template development.
- Experience in converting Figma designs into functional code.
- Understanding of responsive design principles and cross-client compatibility.
- Knowledge of best coding practices for email development.
Key Responsibilities:
- Design Conversion: Accurately convert the Figma designs into HTML/CSS while keeping the design integrity intact.
- Responsive Design: Guarantee that the templates are mobile-friendly and appear consistent on desktop, tablet, and mobile views.
- Cross-Client Compatibility: Optimize the templates to display correctly in all major email clients (e.g., Outlook, Gmail, Apple Mail) and on popular webmail services.
- Code Best Practices: Write clean, well-commented, and inline HTML/CSS code to allow for easy updates in the future. Avoid using JavaScript, as it is not supported in most email clients.
All major email clients are a priority for compatibility. The templates should also support dark mode. There are no specific animations or interactive elements required in the email templates; they will be static designs.
Deliverables:
- Three fully responsive HTML/CSS email templates, each in separate files.
Ideal candidates should have:
- Proficiency in HTML and CSS with a focus on email template development.
- Experience in converting Figma designs into functional code.
- Understanding of responsive design principles and cross-client compatibility.
- Knowledge of best coding practices for email development.