• Saltar a la navegación principal
  • Saltar al contenido principal

Sebastián Thüer

Comunicación, diseño y tecnología

  • Acerca
  • Blog
  • Contacto
  • Show Search
Hide Search

diseño

Qué imágenes te ayudan a vender más en tu sitio web

Sebastián Thüer · 21.03.2012 ·

¿Con qué fotografía ilustrar el producto que estás vendiendo en la web? Es una pregunta muy simple pero de vital importancia. Sabemos que una buena imagen es indispensable para vender a través de un medio intangible como Internet pero pocas veces nos detenemos a pensar en esta cuestión.

Lo más habitual es poner el producto sobre un fondo blanco, tomarle fotografías desde 2 o 3 ángulos diferentes y problema resuelto. Sin embargo, el marketing se trata de contar historias y la combinación producto-fondo blanco no nos dice mucho salvo honrosas excepciones, como Apple donde el minimalismo es parte de la identidad de la empresa.

Christian Holst aborda el tema en su blog y propone pensar en 7 categorías de imágenes para mostrar un producto.

1. Imágenes de Compatibilidad

Los usuarios que compran por Internet suelen ser bastante detallistas y les gusta conocer los detalles técnicos de los productos. En lugar una larga lista de jerga específica una simple imagen mostrando las posibilidades del producto vale por mil palabras. Por ejemplo, los tipos de conectores disponibles, los controles que ofrece, oel nombre completo con la referencia del tipo de model y submodelo.

2. Imágenes de estilo de vida


Si el diseño es más importante que la configuración técnica del producto lo mejor es mostrarlo dentro de un contexto de uso que muestre su valor. Un TV utradelgado luce bastante mejor puesto en un living bien decorado que una vista lateral mostrando su grosor. El recursos se utiliza bastane en publicidad y catálgos impresor pero poco en las tiendas online.

3. Imágenes de los usuarios

Tener un negocio con 300 artículos y fotografíarlos uno por uno puede ser bastante costoso. Una alternativa es solicitar a los clientes que suban sus propias imágenes y otorgarles alguna recompensa por ello. Es de esperar que las imágenes no tengan calidad profesional, pero algunas veces es más importante el toque personal y que los usuarios sepan que se trata de fotografías originales sin pasar por un editor de imágenes.

4. Texturas

Es un recurso particularmente interesante cuando se ofrecen productos donde la calidad no se percibe en un simple golpe de vista. Por ejemplo, la ropa. Un plano detalle de un par de zapatillas para ver la trama de la tela y la calidad de la terminación es mucho más interesante que un modelo corriendo por una avenida.

5. Tamaños y proporciones

El principal problema de mostrar elementos aislados es que no tenemos un punto de referencia para saber cómo son en realidad. Es especialmente interesante en pequeñas piezas, gadgets tecnológicos y objetos de uso cotidiano que pueden tener un tamaño variable. Se pueden utilizar como referencia objetos fácilmente reconocibles: una moneda, un dedo, la palma de la mano o una mochila llena de productos.

6. Imágenes inspiradoras

Otro recurso para salir de los lugares comunes es hacer imágenes donde el producto se muestre en un contexto creativo, original o inspirador para el posible comprador. Un lector de ebook sostenido con una mano por un chico que espera el tren apoyado contra una pared o un minicomponente para reproducir música ubicado sobre la arena de la playa son imágenes diferentes. Evocan contextos de uso que nos remiten a sensaciones de bienestar o confort. Y es bastante más sugestivo que la clásica foto del chico sosteniendo un ebook sentado en un escritorio o ula foto del minicomponente sobre un estante.

7. Imágenes animadas

No hablamos realmente de imágenes animadas sino de aquellas que evocan movimiento o acción. Una ciclista paseando con su bicicleta por la ciudad delante de un fondo borroso,un futbolista dejando atrás a un defensor y listo para patear al arco o un caballo galopando sobre un bosque esfumado. Las acciones favorecen una conexión más profunda con el espectador porque, en cierta medida, lo obligan a proyectar el resultado del movimiento que está observando.

Vía baymard.com

Concurso de diseño de remeras

Sebastián Thüer · 28.02.2012 ·

Argentinería, el sitio en el que los diseñadores argentinos pueden vender sus productos del que hablaba hace poco, lanza un concurso de diseño de remeras para que puedas mostra tu talento. La convocatoria es abierta y las bases son bastante simples: crear un diseño con un máximo de 2 tintas y con A3 como tamaño máximo.

Cartel concurso de diseño de remeras de Argentinería

La gente Argentinería ha tenido la buena idea de poner onlin un kit con plantillas y ejemplos para que utilices de base en tu propio diseño. Tenés tiempo hasta el 2 de mayo y además del reconcimiento hay un premio de $2000, libros, cursos y más. Más información en las bases del concurso.

ZeroBundle, completo paquete de recursos gratis para el diseño web

Sebastián Thüer · 14.02.2012 ·

Iconos, texturas, elementos de interfaz, menús de navegación, botones, tablas, pinceles y más en Zero Bundle. Este paquete tiene varios elementos interesantes para los diseñadores web que seguramente te ayudarán la labor diaria.

Generalmente estos paquete gratuitos no suelen ofrecer recrusos de calidad. Sin embargo, esta es la exepción. Va la pena dejar el mail para descargar varios megas de recursos que podemos necesitar en algún momento. El sitio es de los creadores de Mighty Deals.

Atención: El paquete es gratis por las próximas 36 horas… ¡apurate!

Argentinería, diseño de Argentina para el mundo

Sebastián Thüer · 09.02.2012 ·

Logo ArgentineríaArgentinería es un nuevo sitio -no tiene más de 6 meses- que tiene por objetivo ofrecer a los diseñadores y artistas argentinos un lugar para mostrar y comercializar sus productos. Por el momento, la web solo trabaja con productos de diseño tangibles: ropa, objetos decorativos y artículos de librería, básicamente.

«La metodología es muy simple, desde el sitio se proveen herramientas para que diseñadores, artesanos y artistas creen su espacio de venta, publiquen sus producciones y las vendan tanto en Argentina como en el exterior. El sitio muestra los productos con imágenes, descripciones, precios y contempla un usuario comprador y uno vendedor para participar en la comunidad y las actividades», dice Vanina Artus quien es parte del proyecto del sitio web.

Luego de la crisis económica argentina del 2001, comenzó a desarrollarse el diseñador independiente que generaba series limitadas y pequeñas de objetos para vender en locales comerciales. Poco a poco se generó una comunidad que atrajo la atención de muchos consumidores y desde el 2002 la oferta es extendió y hoy las carreras de diseño suman unos 20 mil inscriptos anuales, agrega Artus.

El sitio surge mediante un proyecto de diseñadores, ilustradores e ingenieros en sistemas que participaron de una convocatoria de Capital Semilla realizada por Sepyme -Secretaría de la Pequeña y Mediana Empresa y Desarrollo Regional, del Ministerio de Industria de la Nación- y recibieron un préstamos para impulsar su proyecto y lanzar el sitio web.

Una plataforma para diseñadores

Desde el punto de vista de los diseñadores, Argentinería funciona como una plataforma para la venta de productos. Cada diseñador o equipo de diseño se da de alta para crear un perfil, abrir la tienda y subir los productos. Un punto interesante es que se solicitan datos de contacto para verificar la autenticidad de los diseñadores y los productos que venden.

Captura de pantalla de la web Argentinería

El sitio web funciona como un carrito de compras tradicional pero con algunas particularidades. Al ser un intermediario entre diseñadores y compradores, cada producto es procesado de forma diferente: se puede comprar un par de zapatillas por un lado y cortinas para living por otro; cada uno con sus método de pago, gastos de envío, etc.

Otro punto interesante es que tiene un sistema de calificaciones al estilo de Mercado Libre donde se puede ver el historial de transacciones de cada vendendor y lo que comentaron los compradores.

En el pie de página figuran los logos de Mercado Pago y PayPal, pero en realidad los métodos de pago lo estasblece cada vendendor. Lamentablemente, la mayoría solo acepta transferencia bancaria lo cual limita las posibilidades de ventas internacionales.

Si sos diseñador y no sabés donde vender tus creaciones,  Argentinería es una opción que te permite tener rápidamente una web en línea para ofrecer tus productos. Todo está explicado con mucha claridad y con una imagen muy profesional.

Color Thief, obtener paletas de color a partir de una imagen

Sebastián Thüer · 06.02.2012 ·

El script Color Thief en acciónLa elección y construcción de una paleta de color para el diseño web probablemente sea una de las tareas más delicadas e importantes para determinar el look & fell de una aplicación. Definir el color dominante, sus variaciones tonales y uso de complementarios es una tarea que suele llevar bastante tiempo y donde tenemos el auxilio de varias herramientas como Adobe Kuler y aplicaciones como Website Color Schemer que a pesar del tiempo sigue siendo un de mis favoritas.

Pero la popularización de los móviles con cámara y los smart phones ha hecho que muchos diseñadores comencemos a tomar fotos solamente cuando vemos un paisaje, detalle o ambiente que nos resulte «inspirador». De estas imágenes casuales suelen derivar composiciones y, como no, paletas de colores que luego utilizamos en nuestras creaciones.

Por eso me ha sorprendido gratamente saber que existe una bibioteca de JavaScript que permite analizar los colores predominantes de una imagen como Color Thief. Esta aplicación, analizar las imágenes y puede obtener con bastante buen criterio una paleta de colores. Pensemos que con esto podemos crear una galería de fotos para buscar por colores. Podemos hacerlo para nuestra propia bibioteca de imágenes o incluso con imágenes de stock que hayamos adquirido.

Otra posibilidad de este librería: hacer que la tonalidad de una interfaz se adapte a una determinada imagen de forma automática. En definitiva, un excelente ejemplo de intersección entre diseño y programación.

  • « Ir a la página anterior
  • Página 1
  • Páginas intermedias omitidas …
  • Página 6
  • Página 7
  • Página 8
  • Página 9
  • Página 10
  • Páginas intermedias omitidas …
  • Página 19
  • Ir a la página siguiente »

Sebastián Thüer

Creative Commons Atribución 4.0 Internacional © 2025 · Less Is More · Acceder