1 2 3 4 5 6 7 8 9 10 11 12
top of page

Toyota email campaign​

Creating email designs that are both visually appealing and functional requires close collaboration with designers. During this project, I worked closely with the design team, providing feedback to ensure the email was compatible with all devices and email clients. Through this back-and-forth, I helped refine the design into a professional, accessible, and fully responsive email that met the campaign’s goals.

Key Feedback and Adjustments I Made
 

Images and Text:

  • Issue: Text was embedded in images, making it inaccessible and not mobile-friendly.

  • My Input: Converted key headings and CTAs into live HTML text for better accessibility and consistent rendering.

  • Outcome: Sharp, readable text across all devices, supporting screen readers.

Paragraph Background Color:

  • Issue: Gradient backgrounds on paragraph blocks were hard to code and caused rendering issues.

  • My Input: Simplified to a pure gray background for consistent rendering.

  • Outcome: Clean, readable text that works across all email clients.

Background Images:

  • Issue: Background images didn’t render in all email clients, like Outlook.

  • My Input: Replaced them with solid colors and fallback options.

  • Outcome: Reliable and visually appealing design across platforms.

Mobile Layout:

  • Issue: Side-by-side elements weren’t mobile-friendly and caused layout issues.

  • My Input: Recommended stacking elements and optimizing buttons for touchscreens.

  • Outcome: A fully responsive, mobile-friendly email.

Call-to-Action Buttons:

  • Issue: Buttons used background images or unsupported fonts.

  • My Input: Created bulletproof buttons with inline CSS and ensured they were mobile-friendly.

  • Outcome: Functional, attractive buttons compatible with all email clients.

Alt Text and Accessibility:

  • Issue: Images lacked alt text, reducing accessibility.

  • My Input: Added descriptive alt text for all images.

  • Outcome: A more accessible email for users with images off or screen readers.

bottom of page