miércoles, 18 de septiembre de 2013

Responsive design. Caso de éxito: Castillos Hinchables Salto Feliz

Hace unos meses nos llegó un encargo que nos apasionó desde el primer momento.
Mejorar una tienda online dedicada a la venta de castillos hinchables.

Se hizo un rediseño completo y se adaptó a dispositivos móviles mediante "responsive design". ¿Y qué es esto del responsive design?

Es una manera de diseñar webs de modo que estas se adapten automáticamente al ancho del dispositivo donde se visualizan.
Así, una web responsive se verá bien tanto al visualizarla en un equipo de sobremesa, una tablet o un smartphone.

El responsive design es además especialmente adecuado para el posicionamiento en buscadores (SEO) ya que se tiene una única versión de la página web y por tanto, todos los esfuerzos en SEO  se pueden concentrar en una sola web. Esto es ventajoso frente a otras alternativas como tener dos sitios web uno adaptado para móviles y otro para sobremesas.

Si queréis probar el diseño responsive que hemos diseñado para nuestro cliente, podéis entrar en:
www.castilloshinchablessaltofeliz.com y jugar con el ancho de la pantalla de vuestro navegador. Veréis como el diseño se adapta para sacar el máximo partido al ancho de la pantalla.

Por ejemplo, con un ancho de tipo "escritorio" se muestran cuatro castillos hinchables por fila mientras que con un ancho tipo smartphone sólo dos. También en el caso de un smartphone desaparece el menú lateral con las categorías y se transforma en un menú horizontal.
Como veis, el diseó cambia y se ajusta al ancho del dispositivo.

En este pantallazo podéis ver muestras del diseño a distintos anchos de pantalla:


Os emplazo a un post posterior donde veremos con más detalles los fundamentos del responsive design.

1 comentario:

  1. A nosotros nos parece muy chulo vuestro diseño. Posiblemente lo aplicaremos también a nuestra web ^^
    Gracias por la aportación.

    ResponderEliminar