A portrait of John Michael Villa, an email developer and marketing automation specialist.

Hi, I’m John

Email Developer specializing in responsive, cross-client compatible HTML emails

I build responsive, accessible HTML emails and explore marketing automation tools like Oracle Eloqua.


View Projects Download Resume

About Me

Building Emails. Automating Journeys. Always Learning.

I’m transitioning into Email Development after working in ERP and automation environments.

I enjoy building responsive, dark-mode-friendly emails, testing across clients, and learning marketing automation tools like Oracle Eloqua.

My background in ERP automation brings a strong QA mindset and structured workflows to email development projects.

MY SKILLS

Skills

Tools and skills I use to build reliable, accessible email experiences.

HTML Email

Builds table-based, responsive HTML emails optimized for Outlook, Gmail, and Apple Mail with a focus on accessibility and structure.

CSS Styling

Applies email-safe CSS for layout, typography, buttons, spacing, and dark mode behavior across email clients.

Oracle Eloqua

Builds and edits emails in Oracle Eloqua, manages assets, and supports automated marketing campaigns using best practices.

MJML

Builds responsive email templates using MJML and compiles them into clean, production-ready HTML with consistent rendering across major email clients.

GitHub

Uses GitHub for version control, project organization, and clean commit history across email development projects.

Portfolio Projects

HTML email and marketing automation projects built with a focus on responsiveness, cross-client compatibility, accessibility, and production-ready QA practices.

Each project includes real HTML code, Outlook-safe layouts, and testing considerations used in real-world email environments.

Dark mode HTML email newsletter project preview
Dark Mode HTML Email Newsletter

Responsive HTML email newsletter designed with dark mode support, Outlook-safe fallbacks, and cross-client compatibility. Built using table-based layouts and tested across Gmail, Outlook, and Apple Mail to ensure consistent rendering.

HTML Email Dark Mode Outlook (VML) Accessibility Email QA
Cookie Co transactional HTML email project preview
Cookie Co. Transactional Email

Transactional HTML email template designed for clarity, deliverability, and predictable rendering across email clients. Focused on structure, readability, and reliable Outlook behavior.

Transactional Email HTML Email Outlook Compatibility Email QA
Cookie Co transactional HTML email project preview
MJML Newsletter Email

Responsive newsletter email built using MJML and compiled into clean, production-ready HTML. Focused on maintainability, scalability, and consistent rendering across major email clients.

MJML Responsive Email HTML Email Cross-Client Support
Thread & Co HTML newsletter email project preview
Thread & Co. HTML Newsletter

Responsive HTML email newsletter built using table-based layouts and inline CSS. Optimized for Gmail, Outlook, and Apple Mail with a focus on responsive behavior, spacing, and consistent typography.

HTML Email Responsive Design Outlook Compatibility Email QA
Nature Notes HTML newsletter email project preview
Nature Notes Newsletter

Mobile-first HTML email newsletter emphasizing typography, spacing, and accessibility best practices. Designed to remain readable and visually consistent across major email clients.

HTML Email Mobile-First Accessibility Cross-Client Testing

HTML email development, responsive email design, transactional email, Outlook compatibility, dark mode email, accessibility WCAG, Oracle Eloqua, marketing automation, GitHub version control

Certificates

Certificate of completion for the HTML Email Mastery Course.

HTML Email Mastery Course