42.136 lecturas 1 comentario

jVectorMap

jvectormap

¿Cuántas veces habéis diseñado una web que requiera de un mapa donde ubicar puntos de venta o algo similar? Con jVectorMap obtendréis una solución perfecta para esos casos. Entre sus ventajas cuenta con:

  • Compatibilidad con todos los navegadores actuales, incluyendo explorer 6 en adelante.
  • Vectorial. Podrás adaptarlo a cualquier ancho y alto sin perder calidad, perfecto también para dispositivos retina display.
  • Posibilidad de generar mapas personalizados (por ejemplo el mapa de un centro comercial).
  • Mapa del Mundo, Europa y España (por comunidades autónomas).

Visitar sitio de jVectorMap

4.070 lecturas 0 comentarios

Presentación Web profesional

presentacion-web-profesional

Si te dedicas al mundo del diseño Web o de Apps, uno de los aspectos más importantes, a la hora de presentar un proyecto, es que el diseño o boceto parezca real. A continuación os dejo el enlace de un sitio que os ayudará a crear estas presentaciones profesionales con un simple movimiento de ratón. Y es que, sólo tendrás que arrastrar la imagen y se montará automáticamente sobre una foto que elijas entre un amplio abanico de opciones.

– Visitar http://placeit.breezi.com/

6.518 lecturas 2 comentarios

7 Claves para que tu tienda venda

consejos-tienda-online

Montar una tienda virtual, y que además venda, no es una tarea especialmente sencilla. Influyen infinidad de pequeños detalles que determinarán su éxito. A continuación os revelo 7 claves fundamentales:

Garantía de reembolso.

Internet es un sitio «inseguro» por naturaleza. Nadie sabe realmente qué, o quién, se esconde tras una tienda virtual. Es por eso que la gente necesita una muestra de seguridad por tu parte y ¿qué mejor que devolverle el dinero al cliente si no está satisfecho con la compra? Creas compromiso, seguridad. Acompaña el diseño de tu tienda con algún banner o call to action donde expliques cómo y cuándo se aplica la garantía.

Prueba gratis.

Si tienes la opción de ofrecer muestras, demos o triales (en caso de software) tendrás a muchos clientes desconfiados un paso más cerca de comprar en tu sitio. ¡Está demostrado! Cuando un cliente ha comprado o probado una tienda, siempre hay más posibilidades de que lo vuelva a hacer en esa tienda y no en otra de la competencia.

Buscador y guías

Tu tienda necesita que ningún usuario se pierda o dude de cómo usarla, debe ser accesible y sencilla. Una miga de pan (breadcumb), un teléfono de asistencia telefónica, un buen buscador… son detalles que pueden ayudar mucho a que el cliente sepa dónde se encuentra, cómo acceder a ciertos contenidos, etc. Si dispones de muchos contenidos, como por ejemplo en este servicio de comida a domicilio en DF con Sindelantal México, no será mala idea si estos aspectos toman el protagonismo de todo el diseño inicial.

Satisfacción 100%.

Si la inseguridad sigue siendo un problema en los visitantes de tu web, entonces sería buena idea que entrevistaras a tus antiguos clientes para que fueran partícipes de artículos, entrevistas y encuestas de satisfacción. Con su consentimiento, podrías subir estos resultados a la tienda para que todos vean lo bien que les ha ido a otros consumidores contigo. ¡Los «Casos Reales» están de moda por algo!

Fotos de calidad.

El escaparate de una tienda virtual son las fotos de sus productos. Deben ser grandes, bien definidas y que muestren todas las partes interesantes del producto: fotos frontales, superiores, laterales, etc. No racanees a la hora de subir fotografías de todo tipo, si alguien está interesado en un artículo no hay nada como observarlo desde todas las posiciones y formas posibles. Una buena galería de imágenes por cada producto es de vital importancia. ¡No olvides marcar tus fotos con sellos o con tu propia marca para que no te las copien!

Descripciones únicas y originales.

¿Qué es lo que diferencia a una tienda de otra si ambas venden el mismo producto? Los contenidos. La información. Es importante que despliegues tanta información como dispongas del producto y que, además, sea un texto «artesanal», hecho por ti, que no de lugar a ninguna opción de encontrarlo repetido. Google valora mucho la originalidad de los contenidos, si creas algo que no tiene nadie mas, serás premiado con un mejor posicionamiento. Para ayudarte en esta tarea, es buena idea que dispongas de un sistema de comentarios donde otros usuarios puedan contar sus experiencias, añadir más información y extender la ficha del artículo.

¡Olvida plantillas y sitios precocinados!

Internet está invadida por cientos de sitios donde montar tu tienda online en pocos pasos, a precios muy económicos, a base de plantillas y código precocinado. Es importante que, si realmente tienes interés en que tu tienda funcione, inviertas un dinero en hacer un sitio 100% a medida. Diseñado y maquetado de forma «artesanal». ¿Qué crees que hará Google cuando vea que la estructura, código y diseño de tu web es idéntica a la de otros cientos de sitios? Seguramente te será muchísimo más complicado posicionar tu web que a otra persona con una tienda personalizada y realizada por un estudio de diseño y programación profesional.

4.701 lecturas 0 comentarios

Todo sobre el formato SVG

tutorial-svg

SVG es la extensión de aquellas imágenes con formato vectorial. Prácticamente, tal y como lo harías en Illustrator. Es fácil de implementar una imagen SVG en tu Web y tiene muchas ventajas:

  • Se pueden redimensionar sin perder calidad. Perfecto para Webs Responsive.
  • Se ven perfectas en pantallas de alta resolución (como la Retina de iPad).
  • Son interactivas, se les pueden aplicar efectos y cambios mediante código.

En este artículo encontrarás numerosos consejos y ayuda para trabajar con este formato ahora tan de moda.

Leer tutorial sobre el formato SVG

21.007 lecturas 2 comentarios

Tu Web en 200 navegadores

Si eres desarrollador web / maquetador, te interesará saber que BrowserShots te permite visualizar tu Web hasta en 200 navegadores diferentes. Es gratis pero presenta el inconveniente de tener que esperar colas hasta de 30 minutos. Si no tienes mucha prisa, y te interesa conocer la compatibilidad de tu código HTML y CSS en diferentes navegadores, no dudes en visitarla.

42.244 lecturas 2 comentarios

Curator – Presentar trabajos online

Curator es una aplicación online, muy sencilla de utilizar, que te permitirá presentar trabajos online como logotipos, ilustraciones, etc. Te envía el PDF por email, con lo que es cómodo para reenviarlo al cliente.

Visitar la Web

5.248 lecturas 1 comentario

Entorno de trabajo en Win para desarollo Web

Windows es el peor sistema operativo para desarrollo web pero, para aquellos que no se puedan separar de él (como yo) por cualquier extraño motivo, os traigo los buenos consejos de Marshall Ford. Nos explica los programas que usa: Console2, Git, Sublime Text 2, putty, SASS, COMPASS, Emmet, Live Reload, XAMPP y Jekyll en entorno Windows.

Leer artículo Windows workflow for web designers

5.417 lecturas 2 comentarios

The Responsinator – Diseño «líquido» / Responsive

Si te quieres apuntar a la nueva moda del diseño líquido o Responsive Web Design esta herramienta puede facilitarte bastante la tarea de comprobar las diferentes resoluciones de los dispositivos más famosos.

¡Sólo tenéis que poner arriba a la izquierda vuestra URL!

The Responsinator