La landing page, o página de aterrizaje de una web, es la parte más importante con la que atraer la atención del cliente y generar una venta (o cualquier otra conversión). Distribuir la información de forma correcta, los tamaños y colores de los elementos, etc. definen su efectividad.
En estas galerías, podéis ver un montón de buenos ejemplos de los que obtener ideas e inspiración:
UX (Experiencia de Usuario) es una filosofía de diseño cada vez más consolidada. Sigo algunas técnicas relacionadas con UX desde hace tiempo y, en esta página, resumen muy bien 11 principios que sirven para ir abriendo boca. La web es preciosa y -además- permite bajar Poster’s en A3, de cada una de las leyes, de un gusto exquisito.
¡Cómo me gusta una buena paleta de color! Sobre todo cuando va acompañada de una foto de referencia bien seleccionada. En esta página encontraréis ambas cosas; fotos y sus respectivas paletas, con un gusto exquisito. Tonos fríos, cálidos, pastel y contrastes, de todo un poco.
Si me preguntaran por las bases que sostienen un diseño profesional, pensaría en numerosas alternativas pero, sin duda, el color estaría presente en mi cabeza como una de las principales. El uso correcto del color, separarse de la competencia gracias a los matices, equilibrar la composición con masas equivalentes y bien ajustadas… para ayudaros con tanta variable, os enseñaré dos recursos que me han parecido geniales. Por un lado, la web Colorsupplyyy: un sitio con combinaciones brutales (complementarios, triadas, análogos, etc.) y, por otro, un manual gratuito con numerosos ejemplos de un uso correcto del color. Webs, artículos tecnológicos, la imagen del coche que muestra este artículo… todo es susceptible de ser influenciado por el color. Si no te asusta el inglés, te recomiendo que le eches un vistazo.
¡No todo va a ser trabajar! Desde saijogeorge.com se encargan de amenizarnos la jornada con algunos chistes basados en CSS como el de la imagen que acompaña estas líneas.
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.
Si eres diseñador gráfico, cuántas veces has buscado ya los diferentes tamaños de las imágenes de Facebook, Twitter, Google Plus, etc. Para ahorrarnos más búsquedas, llega esta Web: AP Social Image Maker. Lista todas las configuraciones y opciones de las diferentes redes sociales, permite cargar nuestra imagen y dejarla al tamaño deseado para la red que nos interese.
Si eres desarrollador web / maquetador, te interesará saber que BrowserShotste 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.
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.