Diseño responsive
En inglés: Responsive web design
Diseño que hace que una página se acomode sola a cualquier pantalla, del celular al computador.
¿Qué es un diseño responsive y por qué mi página debe pensarse primero para el celular?
Un diseño responsive reorganiza el mismo contenido según el tamaño de la pantalla: en el computador puede haber tres columnas y en el celular una sola, con botones más grandes y menús que se abren con el pulgar.
"Móvil primero" va un paso más allá: se diseña pensando en el teléfono y después se amplía para pantallas grandes. Obliga a decidir qué es lo más importante, porque en una pantalla pequeña no cabe todo.
Por qué le importa a tu negocio
Buena parte de tus clientes te descubre desde el celular, entrando desde Instagram o desde una búsqueda en Google. Si en el teléfono el precio no se lee o el botón de contacto queda tapado, esa visita se pierde aunque en el computador todo se vea bien.
Cómo lo usamos en Damorus
Diseñamos todos nuestros proyectos primero para el celular. En el sitio de Damorus Projects esperamos entre el 80 y el 90 % de las visitas desde el teléfono, y la navegación es una píldora flotante que se encoge al bajar y se esconde cuando se abre el teclado. En Küsten Elite le armamos a la clienta seis maneras de mostrar los servicios en el celular (carrusel, dos columnas, acordeón, pestañas, lista y mosaico), y eligió el mosaico.
¿Lo necesitas en tu proyecto?
Quiero mi boceto gratuito →