Breakdown

Here's the process of recreating Lynn Fisher's 2019 homepage responsive illustration....in an HTML email! HTeuMeuLeu aka Rémi Parmentier shows the challenge of adapting the illustration's innovative design for an HTML email format while maintaining its responsiveness. By leveraging media queries, it's actually possible to recreate the intricate nested self-portraits in an email format.

CleanShot 2024-05-07 at 09.42.54@2x.png
Some of the process

Bits:

  • Lynn Fisher's original responsive illustration involves splitting each face into left and right parts and positioning them on the page based on media queries and breakpoints.

  • See the structural elements and responsive techqniques needed to adapted the design concept for an HTML email.