Launchaco, para crear landing pages rápidamente sin saber de diseño y gratis

Launchaco

Las landing pages o páginas de aterrizaje son diseños web optimizados para captar a los clientes y ofrecerles cualquier tipo de producto o servicio que queramos. Lo que tienen estas páginas es que funcionan muchísimo mejor que cualquier otro tipo de página, lo cual aumenta increíblemente las conversiones.

Launchaco es una herramienta que nos permite diseñar landing pages fácilmente y sin saber nada de diseño.

Con esta herramienta podemos crear una página de aterrizaje en minutos sin el menor esfuerzo con solo agregar un par de textos y eligiendo los colores que más nos gusten.

El proceso de creación de la página es muy simple, solo tienen que elegir qué tipo de página van a crear, por ejemplo una landing page para promocionar una app, una webapp, una extensión de Chrome, etc.

Una vez que hayan elegido el tipo de diseño tienen que ir agredando la información personalizada como título, textos, paleta de colores, imagen de fondo, enlaces, etc.

Opción gratuita:

  • Landing pages ilimitadas.
  • Alojamiento de tu página en un subdominio.
  • Integración con Analytics.
  • HTTPS automático y gratis (gracias a Let’s Encrypt).
  • Branding de Launchaco en nuestra página.

Opción de pago:

  • Landing pages ilimitadas.
  • Alojamiento de tus páginas en dominios propios (o en subdominios).
  • Integración con Analytics.
  • HTTPS automático y gratis (gracias a Let’s Encrypt).
  • Eliminación del branding de Launchaco.
  • Páginas descargables.

Grandients Party, degradados en CSS listos para usar

Gradients_Party
Los degradados son un recurso muy interesante en el diseño, ya que gracias a ellos podemos dar estilos muy sofisticados y agradables a la vista. Obviamente son mucho más atractivos que los colores planos y aburridos.

En Gradients Party pueden encontrar una gran cantidad de modelos de degradados en CSS listos para usar en cualquier diseño. Solo tienen que hacer click en alguno que les guste y se copiará automáticamente el CSS al portapapeles.

Si estos degradados no les alcanzan porque son insaciables del diseño, acá también tienen otro post donde pueden encontrar 60 modelos más.

Geniales ilustraciones en SVG para descargar y usar en tus proyectos

Hoy encontré estas geniales ilustraciones en SVG y quería compartirlas para que as guarden en marcadores para futuras ocasiones. Son ilustraciones de muy alta calidad y de distintas temáticas que seguramente les serán de mucha utilidad en sus proyectos.

Las que ven abajo son una muestra del tipo de contenido que van a encontrar, hay por ejemplo de casas en venta, información, calendario, buscadores de internet, servidores, y un largo etcétera.

Algo que está buenísimo es que podemos cambiar la paleta de colores de la ilustración antes de bajarla. Esto es muy útil para que combine con el diseño de nuestro sitio web.

ilustraciones svg gratis

Tenemos dos formas de bajar las ilustraciones, una es en formato SVG y la otra en PNG para usarla como una imagen.

No son mucha cantidad, al momento de escribir este post son 50, pero supongo que con el tiempo irán agregando más modelos para descargar.

Estas ilustraciones están disponibles en el sitio unDraw.co y pueden descargarlas gratis para usarlas como quieran.

Herramienta online para generar mockups 3D gratis

Los mockups son una de las mejores formas de presentar nuestros productos, ya sean aplicaciones, sitios web, libros digitales, o lo que se les ocurra. Hace unos días les comentaba de una genial herramienta para crear mockups fácilmente y con el diseño de muchos dispositivos, como laptops, móviles, etc.

Hoy les tengo una alternativa excelente que les permitirá crear mockups 3D, lo cual le da un estilo más sofisticado ya que podremos mostrar nuestro producto en un móvil con efecto 3D muy hermoso.

Threed_io

Es una herramienta muy fácil de usar ya que nos da casi todo digerido. Solo tenemos que elegir la imagen que queremos montar en el mockup y comenzar a ajustar las configuraciones a gusto.

Allí se puede elegir el diseño del fondo, ya sea con líneas o liso con el color que queramos. También podemos elegir el ángulo del dispositivo, si queremos que tenga reflejo o sombra, etc.

Threed.io es completamente gratuito, así que no esperen más y comiencen a crear sus mockups 3D en segundos.

Herramienta para extraer la paleta de colores de una imagen con un click

A veces tenemos la necesidad de extraer la paleta de colores de una imagen, y si no disponemos de una herramienta específica, puede que la tarea se vuelva un poco complicada.

Por eso hoy les quiero recomendar una herramienta online que nos permite extraer la paleta de colores de una foto con un click y sin instalar nada.

La herramienta se llama HD Rainbow y pueden acceder desde aquí. Allí solo tienen que arrastrar la imagen a la ventana del navegador y automáticamente nos mostrará la paleta de colores debajo.

HD_Rainbow

Lo bueno es que la imagen no se sube al servidor, se procesa directamente en el navegador y nos da los resultados. Esto es importante para nuestra privacidad, vaya a saber uno qué tipo de fotos sube ahí (?).

Abajo de la imagen podremos ver la paleta de colores y tenemos la opción de elegir si verla en HEX, RGB o HSL, dependiendo de nuestras necesidades.

Además, si lo deseamos, también podemos descargar la paleta en formato PNG para tenerla como referencia.

170+ íconos planos en PNG o SVG para descargar gratis

iconbros

Siempre que encuentro algún recurso de este tipo me gusta compartirlo con todos ustedes y más si son íconos gratis. No hay nadie que se resista a descargar un buen pack de íconos para tenerlos en la caja de recursos por si algún día hace falta.

En este caso les voy dejar un sitio llamado Iconbros, donde podemos encontrar más de 170 íconos planos en formato SVG o PNG.

Estos íconos son muy simples y minimalistas, pero pueden abrirlos y editarlos para colorearlos o modificarlos a gusto.

Lo bueno es que todos los días van subiendo nuevos íconos. Hasta hace unos días eran apenas más de 100, así que si entran a diario verán como la colección sube y sube.

Si desean usar estos íconos como fuentes web, también pueden hacerlo entrando aquí y bajando el set de fuentes.

Herramienta gratis para crear mockups para promocionar apps y sitios web

mockup

Cuando uno está por lanzar o ha lanzado una app o nuevo proyecto web necesita promocionarlo, y para ello la forma más atractiva es a través de mockups. Para los que no saben bien de qué se trata, los mockups son una especie de fotomontajes donde mostramos capturas de pantalla o diseños para ver «cómo quedarían» o «cómo es» una app.

Si sabemos un poco de diseño gráfico podemos crear los mockups nosotros mismos, pero si somos medio vagos (me inluyo) para qué vamos a hacer tanto problema si podemos usar herramientas web que nos faciliten la tarea a un par de clicks.

Mockup Generator es una herramienta web que nos permite crear mockups online de manera simple y gratis, sin saber de diseño gráfico.

Crear mockups online para mi app

El procedimiento es muy simple, lo primero es ingresar a la web e iniciar sesión.

Luego tenemos que elegir el modelo del mockup dependiendo de nuestras necesidades, ya sea Macbook, PC, Smartwatch, iPhone, iPad, Android, etc.

mockup generator

Una vez elegido el diseño pueden personalizarlo a gusto con distintas configuraciones de dispositivos, ubicaciones, fondos, y obviamente su propia captura de pantalla de la app o sitio web.

Pueden acceder a esta web desde aquí y comenzar a crear sus propios mockups.

60 modelos de degradados en CSS para usar gratis en tus diseños

Los degradados son uno de los recursos de diseño más estéticos, pueden usarse en botones, en fondos, o para usar como fondos en imágenes. Le dan a nuestros diseños un toque muy elegante y sofisticado. Por eso, hoy quiero compartir con ustedes una colección de degradados en CSS muy buena.

Degradados CSS

En total son 60 modelos de degradados, de todos los colores y para todos los gustos. Tienen la opción de descargarlos en formato de imagen, o bien descargar el código CSS para usar directamente en sus diseños.

Hacer un degradado, claro está, no es algo muy difícil. El secreto está en tener buen gusto para combinar los colores.

Pueden acceder a esta colección de degradados en CSS desde aquí.

Más de 100.000 plantillas editables para social media en Hootsuite

PromoRepublic es un servicio muy conocido que ofrece plantillas de imágenes para social media. Podemos crear todo tipo de imágenes para nuestros posts en redes sociales de manera simple hasta cuando no tenemos ideas de contenidos. La buena noticia es que han lanzado una app para Hootsuite, con la cual integramos el editor gráfico de PromoRepublic en Hootsuite.

promorepublic hootsuite

Esta es una noticia genial para todas las personas que se dediquen al social media, ya que tienen acceso a más de 100.000 modelos de plantillas editables para usar en sus posts.

Lo primero que tienen que hacer para poder acceder a este editor de gráfico en Hootsuite, es entrar en este link donde pueden instalar la app para que se conecte en nuestro panel.

Una vez instalada, tenemos que ingresar nuestro nombre y mail para que nos envíen un mail de confirmación. Entramos a nuestra bandeja de mail, confirmamos el link, y listo.

Ahora, lo que nos queda es entrar en el editor de imágenes desde la sección «Fuentes de contenido», y clickeando en PromoRepublic. Allí pueden elegir cualquiera de las plantillas y editarlas a gusto.

Si bien, dentro de esas plantillas hay contenido premium, hay miles que pueden usarse gratuitamente. Y, si se dedican a esto profesionalmente, tendría que plantearse comprar el servicio ya que es muy barato y tiene contenido de muy buena calidad.