Seguramente te ha pasado que al entrar en una página web desde tu móvil, te has visto en la obligación de ir ampliando o alejando la imagen en busca de lograr ver o leer el contenido. Suerte que poco a poco se esté poniendo fin a la época del efecto cangrejo, donde nuestros dedos se convertían en una pinza como único recurso para poder visualizar algo en esa clase de páginas. Pero ojo, todavía siguen existiendo ¡poco a poco hay que acabar con ellas!

Para los menos entendidos de la materia, os explicamos qué es el diseño responsive:

Básicamente consiste en desarrollar un sitio web que pueda ser visualizado a la perfección en todo tipo de pantallas, ya sean móviles, tablets, smart tvs, portátiles, independientemente de su resolución.

Adentrándonos un poco más en cómo funciona esta clase de diseño, a nivel técnico podemos decir que mediante el uso de un layout con imágenes flexibles y la utilización de CSS3 media-query se crea una sola web y un solo código que es visible en todos los dispositivos. El navegador detecta la resolución de nuestro dispositivo y muestra la versión que mejor se adapta a éste. Así, elige exactamente lo que nos va a mostrar, redistribuyendo o reordenando elementos, reduciendo u ampliando la cantidad de texto, y todo esto desde una sola web, aunque visualmente puedan parecer varias.

Por tanto,tener un diseño web responsive nos provee de muchas ventajas económicas, ya que no tenemos que tener una aplicación para cada sistema operativo o contar con 4 ó 5 webs especializadas para cada dispositivo, y así se evita lidiar con los costes del hosting y demás y, sobre todo, adaptarse a lo que necesita el usuario en función desde el dispositivo que se conecte.

El diseño web responsive centraliza las visitas y mejora el SEO puesto que actualmente en los buscadores se priorizan las webs adaptadas a los dispositivos móviles por una clara razón: ¡Es desde donde provienen la mayoría de las visitas!

Ventajas de una web responsive:

• Contar con una sola web nos ahorra los quebraderos de cabeza ocasionados por modificar el código y el contenido de 4 ó 5 webs, más las diferentes aplicaciones para cada sistema operativo.
• Ahorra dinero.
• Nos permite gestionar mejor los contenidos dado que solo se harían los cambios en una sola web.
• Nos interesa que el usuario pueda ver el contenido de la página sin tener afrontar ningún tipo de problema. Imagínate el desastre que podría llegar a ser en una tienda online.
• Google developers recomienda el uso del diseño responsive, y con esto hablamos del buscador que utiliza el 95% de las personas de todo el mundo.
• Los smartphones, tablets y otros dispositivos móviles revolucionaron el mundo del internet. Hoy en día es más que normal, estés donde estés, ver a alguien con uno de ellos en la mano. El año pasado las ventas de esta clase de dispositivos aumentó un 90% y por ello afirmamos que es de vital importancia que tu web sea responsive. O te actualizas o perderás visitas ¿De verdad quieres cangrejos visitando tu web…o prefieres clientes?

Marketing online Barcelona y desarrollo web/app

Llevamos muchos años diseñando y desarrollando webs, e-commerce y apps. Hemos visto cómo unos pocos invertían en ello para diferenciarse y cómo con el tiempo la competencia creció a pasos agigantados de manera que no servía con tener tu web o app para tu negocio de Barcelona, de España o de los países que fueran sino que había que mejorar la usabilidad y sobre todo invertir en marketing online.

Que tu web o app sea útil y visual es clave, pero no suficiente.

Hay que invertir en marketing online para que haya tráfico en la web para poder testear y mejorar, y sobre todo, para que te conozcan y te compren. El SEM suele tener unos resultados más a corto plazo, enfocándose en palabras clave o bajo estrategias de display y remarketing, dependiendo de los objetivos y el sector. Lo ideal es ir alternando con técnicas SEO para comenzar a aparecer en resultados orgánicos a corto plazo. Ahí es cuando la web realmente tendrá visibilidad y apoyado con campañas, se podrán conseguir los objetivos marcados.

Entonces os preguntaréis. Vale, estoy de acuerdo pero ¿qué gana un cliente al realizar posicionamiento SEO y SEM con la misma agencia que le diseñó la web? Muy sencillo: coherencia y alcance de resultados con mayor rapidez. Esto es porque:

• Conocemos la marca desde sus inicios, bajo su planteamiento inicial de marketing online.
• Creamos la web con previsión de los pasos posteriores que quiere dar el cliente: posible e-commerce en un futuro, que sea multilingüe, etc.
• Diseñamos la estructura web orientada a un buen SEO para evitar cambios innecesarios en el futuro.
• Definimos landing pages específicas para SEM, ahorrando costes y tiempo.
• Tenemos las claves de acceso, conocemos al cliente y lo que necesita y le ayudamos con su analítica, sea de una app o de una web.
• En los casos de e-commerce, al encargarnos del mantenimiento de la web y el hosting, ante cualquier ataque de hackers o problemas derivados de la plataforma, el equipo está comunicado entre sí para parar campañas de Adwords o Facebook Ads hasta que todo se arregle. E igual para cambios de productos o caídas del servidor ¡Nada de tirar el dinero!

Además de todo esto, se evita pérdida de tiempo en conocerse en reuniones y traspaso de datos. Los clientes que quedaron contentos con nuestro trabajo de diseño web  y desarrollo web en Barcelona, apuestan por seguir confiando en nosotros para llevarles el marketing online desde Makkao también. Desde la estrategia hasta la implementación. Desde el inicio hasta el empuje de su negocio. Desde la startup hasta la empresa que pueden llegar a ser… ¡la confianza y el buen trabajo son esenciales!

Y estos son solo algunos de los motivos para que seamos tu agencia de marketing online de Barcelona, tras diseñar tu web o tu app. Conoce nuestros proyectos.

¿Pensando en actualizar a web Responsive?

Desde principios de 2015 la palabra (keyword) «responsive» o «web responsive» que no ha dejado de oírse en los entornos sociales relacionados con el marketing online y sucedaneos.

Es posible que últimamente haya bajado un poco su uso pero no es porque Google haya dejado de penalizar las webs que no tienen su versión adaptable a todos los formatos (web responsive) sino porque la mayor parte de empresas o profesionales del sector ya han realizado esta actualización tan necesaria para poder competir por la primeras posiciones de las palabras clave más competidas de cada sector.
Una de las principales razones por las que toda PYME y profesional están actualizando sus páginas web a formatos responsive es por el hecho de que…

Google penaliza las páginas web que NO són amigables para dispositivos móviles.

Esto de cara a un sector con competencia en los resultados orgánicos puede ser suficiente como para decirse a actualizar a web Responsive.
En todo caso, a continuación queremos listar algunas otras razones por las que aconsejaríamos una migración o adaptación a web responsive:

1. El tráfico móvil aumenta constantemente

La tendencia dice que usamos cada vez más el móvil para realizar consultas y compras, consideramos lógico entonces el hecho de adaptar nuestra página web para que la mayor parte de nuestro público objetivo pueda navegar de manera correcta y usable por nuestra página web.

El uso del móvil aumenta un 15% y bate su record histórico en España (Fuente: CincoDías).

2. La compra impulsiva o compra social

El hecho de tener una web responsive aumenta la tasa de conversión.

¿Estamos diciendo una obviedad? es posible que si, pero el hecho de que aumente el uso de Smartphones fuerza la existencia de nuevos patrones de compra y eso tiene grandes implicaciones para las tiendas Online que tienen que adaptarse a ello.

El 81% de conversiones de negocios Online son hechos a través de búsquedas móviles.

3. Mejorar la experiencia del usuario

Si a un usuario le facilitamos la lectura de contenidos en diferentes dispositivos es más probable que vuelva a visitar nuestra web para realizar consultas similares.

En cambio, si cuando el usuario trata de encontrar información en nuestro sitio web le cuesta leer y tiene que ampliar varias veces el navegador para encontrar lo que busca, es posible que no lo encuentre y que valore visitar la competencia para ver si esta le pone las cosas más fáciles.

4. Diferentes estrategias o mensaje según el dispositivo de visualización

Al hablar de web responsive entendemos como la técnica que va a permitir a un usuario leer los contenidos de una web en distintos dispositivos (ordenador sobremesa, tablet, smartphone, etc.).

El hecho de poder adaptar los contenidos de diferentes formatos nos permite tener un mayor control de lo que pasa en cada caso y de ese modo también poder diferenciar (si es necesario) el mensaje o manera de mostrar las cosas en cada formato.

Por ejemplo: a través de un diseño responsive podemos mostrar en una web un primer nivel de menú principal desplegado con todas sus secciones a la vista en la versión de ordenador y portátil, pero en cambio, en la versión smartphone podemos esconder el menú principal bajo un icono desplegable y permitir así un mayor campo de visión del contenido de la página para su correcta lectura.

5. Porque Google penaliza las webs que no están adaptadas a todos los formatos (desde el 21 de Abril de 2015)

Para nosotros una de las principales razones por las que conviene tener en cuenta el diseño adaptativo y/o la realización de una versión web Responsive de nuestro sitio web.

¿Como comprobar si un sitio web está adaptado o tiene versión responsive?

Como no, Google nos ofrece una herramienta gratuita para comprobar si un sitio web está preparado para versión responsive o no:

Prueba de optimización para móviles

El futuro pasa por las web Responsive, si estabas pensando en adaptar tu proyecto y quieres que te asesoremos no dudes en contactarnos.

Pensar en usabilidad web es pensar en conversión

Una buena página web debe cumplir ciertas características de diseño web, visuales y contenido adecuado para navegar, además de ser un sitio eficiente y atractivo a ojos del internauta para que nos visite de nuevo. Una de las condiciones más importantes es una buena usabilidad web, que consiste en mostrar todo de una manera clara y sencilla, que resulte intuitiva al usuario.

A continuación, presentamos algunos consejos para mejorar el diseño de tu web y aumentar su atractivo visual.

1. Un diseño adaptado al contenido

Premiar el contenido con un diseño de calidad. Un diseño común en todas las secciones es clave. Tener un buen logotipo adecuado a nuestra imagen corporativa habla bien de nosotros. El marketing online de la página web es como el Currículum Vitae, invirtiendo en él tendremos más posibilidades de éxito.

2. El contenido

Debe quedar claro de qué hablamos en la web. Un buen marketing de contenido puede ayudarnos para distinguir un blog de una tienda. Artículos no muy largos, que apetezcan leer.

3. Compatibilidad

Nuestro diseño se debe adaptar a todos los tipos de pantalla para mejorar su acceso, ya que cada usuario navega desde un lugar diferente: un smartphone, una tablet, un pc, etc. Por tanto, la compatibilidad entre dispositivos es necesaria, y gracias al diseño responsive, que se amolda a todas las pantallas de forma inteligente, mejorará nuestro rendimiento.

4. Incluir enlaces

No debemos olvidar que para enriquecer la navegación de un usuario por un sitio web es muy positivo orientarlo también con otros contenidos internos que puedan ayudar a comprender una materia. Y de los enlaces internos obviamente posees mayor control ya que puedes editarlos directamente a tu gusto (si es que tienes privilegios de administrador en la página web a la que hagamos referencia).

Otro consejo para mejorar el posicionamiento SEO de nuestro sitio es incluir enlaces internos y externos que nos lleven al apartado adecuado para facilitar la navegación.

5. Menú de navegación

Un menú de navegación bien ordenado por categorías, breve y conciso que no desoriente nuestra navegación ayuda a mejorar el diseño.

Son muchas las cosas que saber, pero recordemos que, en diseño, más es menos. Si el sitio web cuenta con lo anterior, obtendremos una buena usabilidad que cumpla con las necesidades de los usuarios.

El mejor diseño web es el que te hace vender más

Las últimas tendencias que podemos descubrir sobre diseño web en Barcelona o cualquier otra ciudad marcan un estilo que sobresale por la funcionalidad y la estética cuidada. En el desarrollo de un proyecto web se marcan unos objetivos y se definen unas estrategias y, además, se estudia el contexto y al usuario. Para poder tener en cuenta todos estos factores, debemos contar con diferentes profesionales que resuelvan una web eficaz y que, a la vez, ofrezcan una experiencia de usuario cómoda.

El diseño web avanza y se perfecciona hacia un tipo de usuario más experto en la navegación comparado con años atrás. Asimismo, las webs se adaptan a todo tipo de dispositivos -tanto tablets como móviles- para facilitar al usuario el acceso en cualquier momento. Por otro lado, la creatividad define la diferencia de una web atractiva a una aglomerada de información y poco coherente.

Así, cada vez más tendemos al diseño web sencillo donde la experiencia de usuario es fácil e intuitiva. Vemos que, ahora, las imágenes abarcan el mayor espacio posible y el contenido se muestra de manera muy específica. Cuando la navegación resulta agradable, la tasa de retorno crece y, de este modo, conseguimos fidelizar al público.

El éxito de una web se obtiene cuando ponemos en marcha criterios de usabilidad y de marketing online. Debemos comprender que se trata de un trabajo que engloba muchas partes y que cada una es esencial para obtener el mejor resultado. En conclusión, desarrollar una web de calidad supone un trabajo complejo en el que debemos tener en cuenta muchos parámetros. El proceso se compone de un análisis exhaustivo, un desarrollo planificado y una evaluación que manifieste las debilidades y las fortalezas.

Para conseguir todo esto, reunir a expertos en las diferentes áreas que se complementan favorecerá que nuestro proyecto web sea completo y eficaz.