Tag Responsive

Página web para Tractio

Tractio es una Correduría de seguros orientada a la empresa. Ofrecen un servicio integral y personalizado a las necesidades del cliente, abarcan todos los aspectos de la gerencia de riesgos excediendo del contenido habitual de lo que se entiende por una correduría de seguros.

Poison EsPágina web para tractiotudio ha creado una página web con una línea muy limpia y sencilla.

Para su elaboración hemos utilizado los mismos colores de la imagen corporativa e insertado unos sliders animados para conseguir un mayor impacto.

También hemos añadido un menú vertical fijo. Un menú, en el que podrás encontrar toda la información sobre quienes son, las áreas en las que son especialistas, las entradas en el blog con las últimas noticias, y una sección de contacto que se despliega cuándo se pasa el ratón por encima.

Una página responsive y completamente autogestionable.

Puedes encontrarles en el siguente enlace: Tractio.

 

 

páginas web vistas desde móvil

Los básicos del diseño responsivo en WordPress

El diseño web responsivo ha tomado las tiendas de las páginas web. No tener una versión adaptable o responsiva en los móviles de tu web puede dañar la legibilidad de tu página en función a la cantidad de tráfico móvil que tu sitio web recibe (algo que varía en función a la industria).

Unos porcentajes estimados en Estados Unidos, aplicables a España, del año 2014 son:

  • El 90% de los adultos tiene un teléfono móvil
  • El 58% de los adultos tiene un smartphone
  • El 32% de los adultos tiene un libro electrónico
  • El 42% de los adultos tiene una tablet

Un diseño web responsivo es un diseño web destinado a la elaboración de sitios web para proporcionar la mejor experiencia de usuario posible sea cual sea el dispositivo que esté utilizando. Esto permite la personalización de lectura y navegación, reduciendo la necesidad de cambiar el tamaño manualmente, reencuadrar o hacer scroll en pequeñas pantallas.

Un típvista de la misma página desde diferentes dispositivosico sitio web con características responsivas es diseñado utilizando CSS3, algo que permite a los estilos CSS ser aplicado en diferentes anchos de navegador. Esto va a permitir crear distintos diseños para pantallas de diferente tamaño.

¿Dónde puedo aprender sobre diseños responsivos?

  • Visita webs que ya conozcas

Una de las mejores maneras de explorar más en profundidad el diseño responsivo es empezar a testear las páginas web que sueles visitar. Algunos de  estos sitios optarán por distintas maneras de mostrar sus páginas en diferentes dispositivos.

Google, por ejemplo, usa hojas de estilo completamente diferentes en función al dispositivo que uses para acceder. Este método requiere algunas técnicas de codificación adicionales fuera del CSS y la suelen emplear las grandes webs, como Yahoo o Amazon.

  • Lee blogs y tutoriales sobre el tema
  • Realizar un cursillo sobre diseño responsivo
  • Asistir a talleres
  • Investigar sobre el CSS3
  • Construir algo por ti mismo/a, como por ejemplo una web simple con HTML básico y empezar a usar CSS3 para entender cómo funciona

Cómo manejar las imágenes

Imágenes y diseño web responsivo han sido un tópico de discusión en la comunidad de diseño web. Hay muchos puntos de vista diferentes en cuanto a mejores prácticas de cara al uso de imágenes de forma responsiva en una web.

Algunas soluciones implican el uso de CSS simple, mientras que otras son más técnicas y ofrecen imágenes específicamente dimensionadas basadas en las medidas de ancho del dispositivo o el sistema utilizado para acceder a la página web.

Una situación común es decir a las imágenes que tengan un 100% de máximo.

Legibilidad

No importa el nivel de adaptabilidad o responsividad estés usando, lo principal es que se mantenga un nivel de legibilidad en mente. Los usuarios han de ser capaces de leer y entender el contenido. En los móviles, ¿ha de ser el texto más grande?, ¿qué elementos han de ser visibles?. Mantén estas preguntas en tu cabeza mientras planeas cómo de responsivo ha de ser tu website.

Usabilidad

La manera en que los usuarios están ante nuestra web y cómo la utilizan debe estar en tu cabeza mientras piensas la responsividad de tu web. Si no se puede usar bien, los usuarios no se van a molestar en buscar la información que necesitan. Si ofreces una experiencia optimizada, obtendrás resultados positivos de usuarios ya existentes e incluso atraerás a nuevos usuarios a tu web.

 

página web Cristalería Bolueta

Página web para Cristalería Bolueta

Cristalería Bolueta esta formada por un equipo de profesionales con más de 30 años de experiencia en el sector del vidrio.

Puedes encontrarles en su taller de Bilbao para poder ver y elegir los diferentes tipos de vidrio que ofrecen para cristales y puertas.

Instalan tanto en locales comerciales como en domicilios.

imagen de la página web de Cristaleria Bolueta desde diferentes dispositivos movilesPoison Estudio ha creado una página web con unos sliders a pantalla completa que muestran las últimas tendencias del sector. Los hemos completado con unos eslóganes y un botón de “ver más” para que los clientes accedan directamente a la información deseada. Para ello, hemos utilizado una plantilla que nos deja introducir la cabecera transparente para poder poner el menú integrado con las imágenes.

En cuanto al contenido de la web optamos por ponerle un menú detallado con cada uno de los servicios que ofrece. Hemos insertado también un blog completamente autogestionable y un apartado de contacto en el que el cliente podrá llamar, utilizar el formulario que tienen a su disposición o localizarles a través del mapa fácilmente.

Como siempre, es una página web completamente adaptable a todos los dispositivos móviles (responsive).