Spirit Airlines — Itinerary
Email DevelopmentTransactional Emails
Production order-confirmation / itinerary email for Spirit Airlines. Flight details, fare breakdown, and check-in CTAs — hand-coded for cross-client rendering.
HTMLCSSTransactionalCross-Client
Overview
Spirit Airlines itinerary email — a production-grade transactional template covering booking confirmation, flight details, fare breakdown, and downstream CTAs (check-in, seat selection, baggage upgrades). Hand-coded with table-based layout and progressive enhancement for consistent rendering across Outlook, Gmail, Apple Mail, and major mobile clients. Tested through Litmus/Email on Acid before sign-off.
Features
- Itinerary details with multi-leg flight support
- Fare breakdown and ancillary product CTAs
- Mobile-first layout with desktop fallbacks
- Cross-client tested (Outlook 2007+, Gmail, Apple Mail, iOS/Android)
Technologies Used
- HTML / CSS for email-safe markup
- Table-based layout with hybrid coding
- Conditional Outlook fallbacks (mso)
- Litmus / Email on Acid for QA
Challenges & Solutions
Challenges
- Multi-leg itinerary table that stays readable on narrow mobile widths
- Brand-accurate yellow rendering across dark-mode forced inversion
Solutions
- Stacking responsive layout with media-query fallbacks
- Hard-coded hex with dark-mode meta directives for color preservation