Lander, para crear Landing Pages y analizar su repercusión

lpsEn varias ocasiones os hemos hablado de la importancia de crear buenas páginas de aterrizaje para las campañas de marketing. Una de las veces que lo hicimos fue con la infografí­a Anatomí­a de una Landing Page perfecta, y hace pocas semanas lo volvimos a hacer con Sobre la importancia de las LP (Landing Pages) en nuestras campañas SEM. No quiero repetir mucho el discurso, pero es importante entender que cuando alguien busca «hoteles baratos» en google quiere ver una página diferente a la que verí­a buscando «posadas baratas» o «alojamiento barato», dentro de un sitio web podemos tener infinidad de landing pages (páginas de atterizaje), aunque estén ocultas, para atraer la atención de los que llegan ví­a campañas SEM o estrategias de Email marketing.

Y si es tan importante tener una página de este tipo, es también importante entender su estructura y las variables que tenemos que monitorizar, motivo por el que es fundamental conocer las herramientas que ya existen para ayudarnos con esa tarea.

Hace poco os hablamos de Doppler como una buena plataforma para el enví­o de emails en una campaña de email marketing. Después del artí­culo sus fundadores entraron en contacto con nosotros para presentarnos Lander (landerapp.com), una herramienta de creación de Landing Pages que se integra con Doppler para facilitar la vida de los que realizan este tipo de acciones.

Lander permite crear páginas con un editor semejante al que os presentamos en Doppler. Podemos elegir las plantillas que más se adapten a nuestras necesidades (páginas de productos, de servicios, de eventos, de webinars, etc.) y adaptarlas con textos, imágenes y formularios para obtener una dirección url única que permita su divulgación tanto por email como por cualquier otro canal que deseemos.

Una vez creada la página, podremos consultar las estadí­sticas relacionadas con las visitas y con las conversiones, considerando conversión cualquier entrada realizada en el formulario de contacto de la página. No tenemos que preocuparnos con la programación, ya que los formularios que incluyamos en las LPs están integrados con Lander, mostrando las entradas directamente desde el sistema (existe la opción de recibir un email con los datos de los visitantes cada vez que rellenen el formulario, con lo que no es necesario entrar constantemente en Lander para consultar los datos).

landing pages

Para probarlo hemos creado una página divulgando un curso sobre Psicologí­a de la Mentira (lo realiza un brasileño considerado uno de los 4 mejores especialistas en lenguaje corporal de Brasil). Después de elegir una de las plantillas gratuitas ha generado la url www.mylanderpages.com/psicologiadamentira/curso, donde podemos ver el formulario (que hemos traducido al español) y los bloques de información que hemos alterado para adaptarse al contenido que queremos transmitir.

Una de las funcionalidades que he encontrado más atractivas es la que nos da la posibilidad de hacer un test A/B, crear dos diseños para una misma página de aterrizaje y verificar cuál de las dos genera más conversiones después de su divulgación. He echado de menos, eso sí­, la posibilidad de incluir más iconos prediseñados en las páginas, aunque siempre podemos subir imágenes desde nuestro PC.

Lander ofrece un servicio gratuito para páginas de aterrizaje que tengan como máximo 500 visitas por mes, cobrando una mensualidad para las páginas que tengan más visitas.

Designdrop – Sube un diseño, copia la url y mándala al cliente para que haga comentarios

designAquí­ tenemos otra herramienta que los profesionales del diseño pueden utilizar para recibir el sagrado feedback de sus clientes.

Se trata de designdrop.io, una web bastante sencilla, aunque no menos práctica, que permite subir una imagen y obtener una url para comenzar la discusión de sus elementos.

Solo tenemos que subir o arrastrar el archivo sobre el que queremos debatir y, después de un registro que únicamente solicita email y nombre de usuario, copiar la url única en la que se encontrará el material.

Cuando enviemos dicha url a los clientes (podemos invitarles desde allí­ mismo), podrán seleccionar cualquier región de la imagen y realizar comentarios sobre la misma. Cada región seleccionada tendrá un número indicando la colección de comentarios. Nosotros, como creadores del trabajo, podremos responder allí­ mismo, teniendo de esta forma bien organizadas las discusiones relacionadas con cada sección, sin necesidad de capturas, presentaciones e infinidad de emails que van y vienen.

No es la única solución que vemos de este tipo, pero sí­ es una de las más sencillas de utilizar. No permite analizar el histórico ni tener un portafolio organizado de nuestros trabajos, no podemos comparar versiones ni subir más de un archivo por url, pero en muchas ocasiones no es necesario ese tipo de funcionalidades, solamente necesitamos que alguien opine sobre la imagen que estamos enviando.

Podéis ver un ejemplo aquí­: designdrop.io/SF90fRQ3T, donde he comenzado una discusión de una captura de WWWhatsnew.com

responsivewebcss nos ayuda a programar sitios web que se adapten a móviles y tabletas

css

Crear un sitio web que se adapte a las pantallas de nuestros dispositivos móviles ha dejado de ser un lujo para ser una necesidad. Aunque la mayorí­a de las webs consigue verse de forma decente en un tablet, no ocurre lo mismo con los móviles, por lo que se hace necesario incluir algunas funcionalidades (extensiones o caracterí­sticas na hoja de estilos) que permitan adaptar de forma dinámica el contenido que presentamos.

Si preferí­s tener algo de libertad en lo que a diseño se refiere, la mejor forma es programar la web pensando, desde su inicio, en el aspecto móvil, y para eso tenemos responsivewebcss.com, para que nos ayude en ese punto.

Se trata de una aplicación, presentada hoy en webresourcesdepot.com, que genera el código CSS necesario para poder comenzar a trabajar. Solicita los tamaños y la estructura base de nuestra web y permite bajar archivos html y css para que sean incluidos o adaptados dentro de nuestro diseño, ahorrando mucho tiempo en programación y diseño.

Ya que el resultado es html, tendremos que abrir el código e incluir los elementos dinámicos adecuados para transformarlo en php o cualquier otro lenguaje con el que estemos trabajando, aunque el tener el css ya creado es un paso que muchos agradecerán, tanto para trabajos profesionales definitivos como para los que estén practicando y estudiando diseño web.

typewonder, para probar tipos de letra en sitios web antes de alterar su CSS

typewonder

Si estáis diseñando una web o realizando cambios en vuestro sitio y una de las prioridades es cambiar su tipografí­a, typewonder (typewonder.com) puede ayudar mucho con una aplicación sencilla y práctica.

Se trata de una herramienta que permite visualizar cómo quedarí­a cualquier página web si usamos algún tipo de letra de las disponibles en Google Fonts. Solo tenemos que informar la url y seleccionar la tipografí­a deseada, typewonder se encargará de mostrar el resultado sin necesidad de haber tocado una sola linea de código.

El resultado puede compartirse (enviarse a los clientes para que opinen, por ejemplo) e incluye un botón para que sea sencillo obtener el código que tendremos que alterar en el archivo css para aplicar los cambios deseados.

Esta aplicación, junto a BestWebFonts, es esencial para ahorrar tiempo a la hora de hacer pruebas, aunque le falta algo de flexibilidad para poder definir mejor qué parte del sitio web queremos alterar.

Es gratuita, aunque ofrecen un botón de donaciones en la parte inferior derecha de su página principal para poder obtener algunos ingresos de los profesionales que decidan hacer uso del servicio.

konstructorz, para diseñar robots, dragones, personajes…

constructor

Entramos en el ritmo de agosto y vamos ahora a comentar una pequeña aplicación que puede ayudar a los niños a pasar un buen rato diseñando personajes.

Se trata de konstructorz.com, aplicación hecha en flash que permite seleccionar partes del cuerpo de tres tipos de personajes (robots, dragones y ánime) para, junto a la colección de extras (vehí­culos, armas y demás objetos), obtener resultados tan sorprendentes como los existentes en la galerí­a que allí­ publican.

Podemos empezar el dibujo desde cero, cargar una obra que empezamos anteriormente o trabajar sobre un diseño ya disponible en el sistema, accediendo a un panel en el que podemos controlar el color, brillo, opacidad, contraste y demás variables de cada componente elegido.

Aplicaciones que nos ayudan a diseñar personajes hay muchas. En 2009 ya os mostramos algunas opciones para crear avatares (Programas en Internet para diseñar caricaturas y avatares), siempre pensando en aquéllos que no saben dibujar y prefieren usar componentes ya prediseñados para construir personajes únicos.

Codementor, comunidad para la resolución de problemas de los desarrolladores

Codementor

No todos los desarrolladores tienen los niveles necesarios en materias de programación y diseño, por lo que aquellos desarrolladores menos experimentados necesitarán recurrir a foros y otras herramientas online para cubrir las lagunas que se les presenten a la hora de desarrollar sus proyectos. ¿El código CSS no sitúa un objeto en el lugar deseado, o que una función javascript da error y no saben localizar el fallo?, es ahí­ donde entra Codementor.

Se trata de una nueva plataforma social enfocada a desarrolladores con algunos problemas presentados durante el transcurso del desarrollo de sus proyectos, disponible en fase beta privada. Los mismos se podrán poner en contacto con los desarrolladores experimentados, llamados mentores, que estén disponibles dentro del área determinada de la consulta que quieran realizar, para establecer las preguntas oportunas, pudiendo ser éstas de carácter urgente o no, para lo cual las mismas serán respondidas en el plazo máximo de dos horas o dentro de las 24 horas respectivamente.

Eso sí­, los mentores fijarán las tarifas que estimen oportunas para cada una de sus sesiones, deduciéndose de ahí­ del 15% al 20% por parte de Codementor.

A tener en cuenta que es la propia Codementor quien acepta quien puede ser mentor en su plataforma, con el objeto de garantizar la calidad de los mismos, fijándose para ello en los códigos que los desarrolladores solicitantes tienen disponibles en GitHub, y además, participen en comunidades online especializadas en algunas áreas de diseño o programación. Actualmente cuenta con unos 300 mentores disponibles en Estados Unidos, Europa y Asia.

Los desarrolladores podrán realizar sus preguntas directamente a los mentores a través de la propia plataforma, disponiendo para ello de pantalla para compartir código y función de chat de textos y ví­deo para establecer contacto 1:1, y de manera experimental, a través de los widgets que los propios mentores hayan incluido en sus espacios web.

Enlace: Codementor

Autodesk nos presenta Homestyler, para diseñar interiores 3D en Android

autodesk

Hace tiempo os hablamos de la herramienta web de Autodesk, un editor web fácil de usar para diseñar y decorar ambientes interiores sin complicación ninguna, tanto en 2D y como en 3D y con más de 20.000 muebles y objetos decorativos para insertar.

Con el mismo objetivo Autodesk lanza una nueva aplicación para Android de Homestyler, totalmente centrada en trabajar en el diseño de los interiores de nuestro hogar decorando una habitación virtual. Todos los objetos que insertaremos serán muebles reales que podremos colocar en las habitaciones de nuestra casa tomando una fotografí­a de éstas, y descubriendo en un entorno real si nuestros diseños van a quedar bien o no. Si no queremos colocar los muebles virtuales en nuestra habitación, la app viene ya de serie con fotos predeterminadas para «jugar» con los muebles, su colocación y sus dimensiones. La galerí­a de muebles y objetos a insertar vuelve a ser enorme y contiene cientos de piezas a elegir, y es posible cambiar el color de las paredes y también las texturas de mobiliario en general para que podamos probar todas las posibles combinaciones.

Además de utilizarlo como pura herramienta decorativa, con Homestyler podremos inspirarnos y recibir consejos de profesionales echándole un vistazo a las galerí­as de fotos y artí­culos que la app incluye, compartir diseños con amigos y familia ví­a Facebook y e-mail y conectar con distintos diseñadores profesionales cercanos a nosotros.

Lo dicho, podéis bajar el nuevo Homestyler para Android en este enlace a Google Play.