Diseño de páginas web en Bilbao y Bizkaia

Dos aplicaciones online para visualizar nuestra web en multidispositivos

  • 0
Diseño Web multidispositivos, responsive

Dos aplicaciones online para visualizar nuestra web en multidispositivos

Desde hace algo más de un año, el diseño web responsive o multidispositivo es poco menos que una obligación. Para los cada vez más desarrolladores que usan WordPress como herramienta de maquetación y diseño web, esto tiene fácil arreglo, pues la mayoría de los themes o plantillas, por no decir todos, vienen ya adaptados para diferentes resoluciones y dispositivos móviles. A los demás diseñadores y maquetadores no les quedará más remedio que configurar los CSS Media Queries.

Con todo, si queremos saber cómo se ve nuestra página web en distintas resoluciones de pantalla, hay dos aplicaciones online que son gratuitas y que nos permiten hacernos una idea:

1-Responsinator

Responsinator

Sólo tenemos que introducir la URL de nuestra web, y enseguida nos cargará varias pantallas de móviles y tablets con su anchura traducida a píxeles; entre otros modelos, el iPhone 6, el Android Nexus 4 y el iPad. Esta aplicación no sólo nos muestra nuestra web adaptada a dichas dimensiones, sino que, además, nos deja navegar en ella.

2-Screenfly

Screenfly

Metemos la URL, le damos a GO, y a continuación nos sale la web para desktop y un menú superior con todas las opciones de dispositivos. En primer lugar están las tablets (Kindle Fire, Samsung Galaxy, Google Nexus 7, Apple Ipad); luego, los móviles (Motorola, Blackberry, iPhone, LG Optimus, Samsung Galaxy); y, como complemento, también podemos verla en pantallas de televisión y personalizar la escala.

Screenfly también permite navegar por la web mientras la visualizas en un dispositivo, así como usar el scrolling para desplazarte hacia arriba y hacia abajo.


  • 0
Estrategia Web Exitosa

Cómo desarrollar una estrategia web exitosa (infografía)

Vaya por delante que no es mi intención escribir aquí un artículo enciclopédico y explayarme sobre un tema que daría cuando menos para una tesis doctoral, y no pocas opiniones y controversias. Mis pretensiones son mucho más modestas. Tan sólo quiero exponer gráficamente, mediante una infografía, qué pasos deberíamos seguir para desarrollar una estrategia web exitosa.

Éste es nuestro decálogo sobre lo que necesita una página web para convertirse en un éxito:

  1. Diseñar una Landing Page mobile-friendly o responsive (adaptada a todos los dispositivos móviles).
  2. Optimizarla para SEO (SEO On-Page).
  3. Crear un blog donde postees al menos una vez a la semana.
  4. Seleccionar las palabras clave para tu negocio (de su correcta elección dependerá tu posicionamiento web y la aspiración de aparecer en los primeros resultados de las SERPs).
  5. Centrarse en las búsquedas orgánicas SEO y, opcional o paralelamente, contratar SEM (Google Adwords), sobre todo cuando se acaba de empezar.
  6. Desarrollar una estrategia de link building y link baiting donde consigamos backlinks que nos transfieran autoridad.
  7. Social Media Marketing: estar presentes en redes sociales y actualizar constantemente nuestros perfiles.
  8. Marketing de Contenidos: ofrecer contenidos interesantes y multimedia (vídeos, infografías) para atraer y convertir leads en posibles clientes mediante fidelización.
  9. Inbound Marketing: interactuar en blogs, foros y redes sociales y cuidar nuestra reputación online. Así lograremos que el cliente nos busque a nosotros, y no al revés.
  10. ROI (Return On Investment): el objetivo último es el retorno de la inversión, que nuestra web sea rentable y sirva para conseguir clientes y hacer dinero.

Estrategia Web Exitosa


  • 0
Befunky, alternativa a Photoshop

BeFunky, otro editor de fotografías alternativo a Photoshop

Hace unos días os hablé aquí de ConvertImage, una aplicación gratuita online que se nos ofrece como una alternativa a Photoshop. Hoy os voy a hablar de otra web que también sirve para retocar imágenes y que no requiere tener conocimientos avanzados de diseño gráfico para utilizarla: BeFunky.

Haciendo una comparativa, y aunque no presentan las mismas características, se puede decir que BeFunky es una herramienta o conjunto de herramientas mucho más completa. Para empezar, tiene tres utilidades: editor de fotos, collage de fotos y diseño gráfico.

  • El editor de fotos es su utilidad principal, y también su punto fuerte. Su paleta de acciones es muy vasta, casi tanto como en un programa profesional como Photoshop o Gimp; y claro, mucho más fácil de usar. Tiene las típicas herramientas para recortar, rotar, desenfocar, etc.; pero también cuenta con otras opciones más complejas y sofisticadas como eliminar los ojos rojos, filtros y efectos artísticos, marcos, gráficos, superposición (que sería como una máscara de recorte en Photoshop), texto y texturas. Tiene un botón de deshacer y otro para restablecer los valores originales. El acabado es muy bueno, casi profesional, aunque, eso sí, hay que señalar el gran inconveniente que presentan ésta y otras aplicaciones online del mismo corte: la resolución de las imágenes siempre será de 72 píxeles, lo cual las hace ideales para Internet, sí, pero insuficientes para imprenta. Las fotos retocadas se pueden guardar en el ordenador, en BeFunky (creándote una cuenta), en Facebook, Google Drive o Dropbox, y compartir a través de Facebook, Pinterest, Tumblr y Twitter. En ese sentido, está muy integrado en redes sociales.

Befunky, editor de fotos

  • Como su nombre indica, el collage de fotos sirve para hacer montajes. Puedes subir tus propias fotos o de tu cuenta de Facebook, BeFunky o Pixabay. También hay algunas de muestra que vienen bien para hacer pruebas. Luego tiene una serie de diseños preestablecidos (para Facebook y Pinterest), texturas que se pueden añadir, gráficos y texto. Todo muy sencillo e intuitivo.

Befunky, collage

  • La herramienta de diseño gráfico está muy bien. Aunque, obviamente, tiene limitaciones para su uso gratuito, te permite diseñar banners, gráficos para Social Media, tarjetas de felicitación e infografías, entre otras cosas. También puedes subir imágenes de tu ordenador y gestionar tus proyectos.

Befunky, diseño gráfico

Como corolario, recomendaría BeFunky a todos aquellos usuarios que quieran editar imágenes para web (este matiz es importante) a un nivel semiprofesional y que no dominen las intrincadas técnicas de Photoshop.


BUSCAR

Suscríbete al Blog

Introduce tu email para estar al tanto de las novedades.

ABRELINK EN TWITTER