Cómo cerrar tu página web? Con qué mensaje? Meter o no un sitemap? Añadimos un elevator speech? O un formulario de contacto de despedida por si a caso? La verdad es que hay innumerables técnicas para el cierre de una web. En esta galería de footers, podréis encontrar muchas de ellas y a cada cual más creativa y mejor ejecutada. Si necesitáis inspiración para realizar el pie de vuestra página web, visitadla ya 😍
No se puede negar que lo más importante de una web es la landing de la home page. Aquí, en pocos segundos, no solo debemos captar la atención del usuario (que por término medio no suele tardar más de 3 segundos en tomar una acción) sino que también debemos describir nuestra actividad y marcar la diferencia (o propuesta de valor). Todo esto, además, con una narrativa o eje de comunicación único. ¿No parece fácil verdad? Pues los chicos de Website Headlines vienen a ayudarnos con una galería que aglutina los trabajos más creativos vistos por la red. Apple, Bolt, Basecamp y otros grandes también están por aquí: Websiteheadlines.
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:
Publicitarse en la calle es una forma no convencional de marketing y hay algunos casos, en los que desprenden tanta creatividad, que merecen ser viralizados. En esta página, podéis ver más de 500 ejemplos de cómo hacer street marketing inteligente y llamativo.
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.
