Skip to content
digital response
  • Home
  • Services
    • Agile Campaign Management
    • All services
  • Partners
    • Bloomreach Engagement
    • Braze
    • Klaviyo
    • Salesforce
    • All partners
  • Cases
  • Who we are
  • es_ES
Contact
Blog, Mobile Email

Responsive Email Design: How to design a mobile-friendly email

13 January 2014 alecastellano Comments Off on Responsive Email Design: Cómo diseñar un email para móvil

Para conseguir un buen diseño responsive lo único que debemos hacer es pensar en la experiencia del usuario, ponernos en el lugar de la persona que recibe el email en un móvil o tableta y ver si es un diseño usable y atractivo. Algunas de las cosas que descubriremos fácilmente en este ejercicio son las siguientes:
–          Estructura de una columna: Es la que mejor funciona en móvil, ya que disponemos de un ancho muy reducido.
–          Botones y enlaces grandes: recordemos que pasamos de diseñar para un cursor a diseñar para un dedo y debe haber espacio suficiente para hacer click con facilidad.
–          Fuente grande: en la mayoría de casos tendremos que aumentar el tamaño de fuente y muchas veces el interlineado para una correcta legibilidad.
–          Look Mobile: debemos facilitar la experiencia del usuario adaptando el estilo del email a lo que está acostumbrado a ver en móvil. Coger convenciones ya establecidas para este tipo de dispositivos nos puede ayudar. Estas convenciones pueden ser iconos, ubicación de objetos…
Aquí tenéis un ejemplo de cómo se vería nuestro newsletter sin aplicar el diseño responsive (escalándose al tamaño del dispositivo) y aplicándolo en el segundo caso:

email-movil-1

email-movil-2

Podéis ver que la segunda opción implica un cambio significativo en legibilidad y usabilidad.

  • Responsive Email Design
alecastellano

Post navigation

Previous
Next

Search

Categories

Latest posts

  • Empowering ecommerce through user experience and technology
  • Mejores prácticas de accesibilidad en emails
  • Agencia Marketing Automation
    Agencia de marketing automation

Related posts

Marketing Automation
Email Marketing Agency

Email marketing agency

19 May 2025 José Boix Comments Off on Agencia de email marketing

Email marketing agency in Barcelona In today's digital environment, connecting with users in a personalised way is key to the success of any strategy. In Barcelona, Digital Response is positioned as an email marketing agency specialising in effective and automated email campaigns. Why work with an expert agency in email marketing?

Blog, Mobile Email

Responsive Email Design: resources and materials from our webinar

20 May 2015 alecastellano Comments Off on Responsive Email Design: recursos y materiales de nuestro webinar

Last Wednesday we launched our first webinar. The theme of this first seminar was Responsive Email Design, a hot topic in the email marketing sector that many of you are still "afraid" of due to the lack of homogeneous interpretation by many email clients.

Blog, Email design

Yahoo fixes its problems with media queries

7 April 2015 alecastellano Comments Off on Yahoo soluciona sus problemas con las media queries

At the beginning of February, Fresh Inbox started a campaign to ask Yahoo to fix its incompatibility with the media queries we use to make our emails responsive.

digitalResponse_claim_500

We work with CRM teams looking to scale their programmes, operational excellence and improve results.

Agency
  • Services
  • Partners
  • Cases
  • Who we are
  • Work with us
  • Contact
Social
  • Facebook
  • Twitter
  • Linkedin
  • Youtube
  • Spotify

2025 © Digital Response, all rights reserved. Web by sararovira.com

  • Legal notice
  • Privacy policy
  • Cookies
Manage consent
To provide the best experiences, we use technologies such as cookies to store and/or access information on your device. Consenting to these technologies will allow us to process data such as browsing behaviour or unique identifiers on this site. Not consenting, or withdrawing consent, may adversely affect certain features and functions.
Functional Always active
The storage or technical access is strictly necessary for the legitimate purpose of enabling the use of a specific service explicitly requested by the subscriber or user, or for the sole purpose of carrying out the transmission of a communication over an electronic communications network.
Preferences
The technical storage or access is necessary for the legitimate purpose of storing unsolicited preferences of the subscriber or user.
Statistics
Technical storage or access that is used exclusively for statistical purposes. Storage or technical access which is used exclusively for anonymous statistical purposes. Without a request, voluntary compliance by your Internet service provider, or additional records from a third party, information stored or retrieved solely for this purpose cannot be used to identify you.
Marketing
Technical storage or access is necessary to create user profiles to send advertising, or to track the user across a website or across multiple websites for similar marketing purposes.
Manage options Manage services Manage {vendor_count} vendors Read more about these purposes
See preferences
{title} {title} {title}