3 tendencias de diseño para tiendas online que puedes aplicar hoy

3 tendencias de diseño para tiendas online que puedes aplicar hoy

feature

Este es un guest post de Josh Johnson, Inbound Marketing Manager de Creative Market.

Mantener tu tienda online en tendencia puede hacer la diferencia entre continuar siendo relevante y perder ventas. Y esto no solo aplica a los productos que vendes, sino también a la presentación de la tienda. En este post, te voy a compartir tres tendencias de diseño que puedes considerar aplicar en tu tienda online para mantenerla fresca.

Un poco de tendencias en diseño

Algunos diseñadores piensan en la palabra “tendencia” está mal empleada, pero igualmente se usa como una manera de identificar intereses en común que tiene un colectivo de personas, incluyendo temas culturales, estilo de vida y hábitos.

Por definición una tendencia en diseño web es algo que muchas personas consideran en un momento específico y hace que el sitio sea familiar para el visitante. Seguir estos consejos no hará que tengas un diseño mejor que el de tu competencia, pero ayudará a que tus productos luzcan más atractivos para tus clientes potenciales.

 Existen dos preguntas importantes que puedes hacerte antes de tomar una decisión sobre el diseño de tu negocio:

Primero, ¿quién es tu mercado meta? Ciertas tendencias apelan a los intereses de personas en particular. Asegúrate de saber lo que tu mercado meta está buscando y decide cómo utilizar el diseño a favor de tu tienda, para hacer un sitio que estas personas quieran visitar.

En segundo lugar, ¿quieres que tu marca siga las tendencias en diseño o genere una? Sorpréndete y haz algo diferente y audaz, que quizá sea un riesgo pero con lo cual podrías cosechar grandes recompensas si tu público encuentra este cambio como algo positivo.

Vamos a profundizar en las tendencias de diseño para este año, viendo cómo puedes aplicarlas en tu tienda online.

1. Utiliza las tendencias “Knolling” para organizar las fotografías de tus productos

Si nunca has escuchado hablar de la tendencia “Knolling”, seguramente estás familiarizado con ella sin darte cuenta. En serio, está en todas partes.

¿Has observado como algunos de tus amigos incluyen varios elementos en un mismo espacio ordenados como en secuencia, y toman una fotografía desde un punto de vista superior? A eso lo conocemos como “knolling”. Ha sido utilizado por algún tiempo, pero se ha convertido en una actividad popular en Instagram, utilizada sobre todo en fotografías de productos.

Spring time essentials. #menswear #mensfashion #shoes #blazer #knolling #instadaily #boots #goodyearwelt #tie

Una foto publicada por Carl H. (@the802) el

No solo es atractivo a la vista, también es fantástico para conocer por completo una colección. También puede ser una manera de mostrar un conjunto que utilizar si tienes una tienda online de ropa.

Para tiendas online, knolling es una excelente manera de mostrar elementos en venta de manera ordenada y atractiva. Esta idea es bien lograda a través del tema Luna de Shopify, mostrada a continuación.

Cuenta una historia

Ve cómo no todos los elementos que aparecen en el tema anterior obviamente están a la venta en la tienda. La hoja de árbol y la rama son elementos decorativos.

Esto le da un toque natural, aunque los elementos sean artificiales, ayudando a unificar colores y conceptos en un tema visual con el que la gente puede relacionarse.

Utiliza excelentes fotografías

El truco para lograr esto es tener excelentes fotografías. Afortunadamente, esta tarea considerada bastante difícil se hace un poco más sencilla gracias a la cantidad de fotografías en stock que puedes encontrar en línea, como Coffee Stationery Pack, mostrada a continuación.

No solo se trata de fotografías pre establecidas

Técnicamente, knolling es un método simple de mostrar objetos que no están directamente relacionados y es lo que la mayoría de las personas elige para representar esta tendencia.

Como puedes ver en el tema London Stationery, mostrado antes, puede ser interesante mezclar diferentes tomas y ángulos. Dale una oportunidad e instálalo en tu tienda online.

Un consejo rápido: ¿quieres aprender cómo tomar fotografías de productos excelentes utilizando tu Smartphone? Asegúrate de revisar nuestra guía.

2. Utiliza tipografía de escritura a mano para los encabezados

Otra tendencia bastante popular es el diseño de títulos a través de tipografías a mano. En los últimos años hemos visto diferentes tipos de fuentes que realmente han sido importantes en la comunidad de diseño.

Es difícil decir exactamente por qué este tipo de letra ha comenzado a ser tan popular – ubicándola en todos lados.

A continuación cómo esta tendencia ha progresado en los últimos dos años:

Aunque todavía es utilizada, la mayoría de las personas admitirán que la tipografía Lobster quedó en el pasado debido a su uso excesivo.

Después de eso, Wisdom Script generó una gran problemática. Ahora estamos viendo una tendencia hacia una tipografía con un estilo hecho a mano.

Puedes ver esta tendencia en el tema Cloud Break.

Algunas fuentes excelentes para seguir usando

Si eres un creador de fuentes, probablemente no tengas problema para recrear el estilo hecho a mano por tu cuenta. Para el resto de nosotros, esto se reduce a elegir la tipografía correcta.

Aquí algunos excelentes ejemplos de tipografías que replican el estilo de letras escritas a mano:

Se cuidadoso y no exageres

Esta tipografía debe tratarse con cuidado. Su lectura es bastante complicada, en comparación a otras tipografías, por lo que se debe ser cuidadoso al momento de utilizarla en el diseño.

Limítate a utilizarla en títulos, dejando el cuerpo del texto con tipografías más estándar.

Un consejo rápido: ¿Quieres utilizar algunas de las fuentes citadas anteriormente? Asegúrate de revisar esta lista de tipografías disponibles.

3. Utiliza un filtro de película antigua

En este momento en el que hasta con las cámaras fotografías más económicas y con casi todos los teléfonos celulares se pueden tomar fotografías hermosas con bastante rango de dinámica, la tendencia más popular parece ir en contra de la tecnología para darle a las imágenes digitales una apariencia de fotos vintage.

Esta tendencia de diseño podría haber comenzado gracias a rasgaduras y marcos polaroid baratos y poco profesionales, pero actualmente se muestran como imágenes con un aspecto bastante profesional, con cierta manipulación de colores que le da ese toque nostálgico.

Cómo lograrlo

Si no eres fotógrafo o experto en Photoshop, puede llegar a ser bastante difícil describir básicamente cómo esta fotografía logra sentimientos. Como puedes ver en el ejemplo anterior hay un montón de maneras posibles de utilizar esta tendencia, dejando cada imagen con un aspecto único.

Sin embargo, en realidad hay un par de técnicas que puedes utilizar:

Primero, los efectos de película reducen el rango dinámico de una foto (todo lo contrario a una imagen HDR). Todo está sutilmente relacionado con el contraste, logrando que los pixeles blancos y negros no sean tan intensos. En Photoshop, esto generalmente ese manifiesta en la opción ajustes.

Además, entran en juego los típicos ajustes de color, que tienen el mismo objetivo: reducir los colores brillantes, haciéndolos más reales y emulando las propiedades de la exposición que proporcionaban las cámaras antiguas. El antes y el después de una imagen con este efecto se muestra a continuación.

Mantén tus imágenes originales

Algo que debes recordar es cómo las tendencias cambian y lo que hace que tus fotos se vean geniales y relevantes hoy y mucho mejor mañana. Vamos a hablar de esto más adelante, pero por ahora, recuerda que debes mantener tu imagen original guardada, en caso de que necesites probar ediciones diferentes.

Invierte en algunas buenas “acciones”

La diferencia entre un efecto amateur y uno realmente bueno es todo el trabajo y conocimiento que los editores profesionales tienen.

Los consejos que a continuación te damos te ayudarán a iniciar, pero cuando estés listo para llevar las cosas a otro nivel, revisa otro tipo de acciones más profesionales, que te generaran resultados increíbles en un solo clic.

A continuación un ejemplo:

¿Qué es una acción? Es una manera de registrar tus tareas como una “acción” que te permite reproducir pasos exactos en otro momento.

Esto hace que los ajustes en las imágenes sean mucho más simples, con solo hacer clic en un botón, en lugar de ir haciendo modificaciones individuales.

Dale una oportunidad y utilízalo en alguna fotografía de tus productos – o incluso en imágenes promocionales. Ve cómo luce y decide si es de utilidad.

Un consejo rápido: ¿No tienes Photoshop? Prueba utilizar Instagram o Afterlight para tener algunos efectos similares en tus fotografías, con solo algunos clics.

Conclusión

Ahora que ya conoces algunas de las tendencias de diseño, es momento de incorporarlas en tu sitio.

Déjanos saber en la sección de comentarios si conoces otras tendencias que hayas notado que se utilizan en línea.

Acerca del autor

Josh Johnson es editor, escritor, diseñador y fotógrafo. Es Manager de Inbound Marketing en Creative Market. Conoce más sobre Josh en Twitter.

Temas:

11 comentarios

  • Brezo
    Brezo
    July 02 2015, 10:51AM

    Genial artículo, felicidades! Justo estaba pensando en decorar mi página laboral con fotos con apariencia vintage! Además leyendo este artículo creo que la cabecera la diseñaré con una tipografía trazada para que quede mucho más cercano y natural.
    Muchísimas gracias por el post!!

  • @Shopify Rosa Salazar
    Rosa Salazar
    July 02 2015, 12:31PM

    Muchas gracias por tu comentario, Brezo
    Saludos

  • Eliberto Aguillon
    Eliberto Aguillon
    July 02 2015, 08:13PM

    Gracias josh, genial articulo a estudiar y ponerlo en practica.

  • ROSA YCELA CAMACHO GAXIOLA
    ROSA YCELA CAMACHO GAXIOLA
    July 02 2015, 09:36PM

    MUCHAS GRACIAS…!!
    ME SERÁN DE MUCHA UTILIDAD SUS CONSEJOS!!

  • @Shopify Rosa Salazar
    Rosa Salazar
    July 03 2015, 09:15AM

    Muchas gracias y esperamos estas tendencias les sean de utilidad.
    Saludos

  • Mariana
    Mariana
    July 06 2015, 03:42PM

    Hola Rosa Salzar, como estas?….
    Soy de Argentina, cual es tu skype?…. queria hacerte unas preguntas!
    Shopify tiene clientes en Argentina?….
    Espero tus comentarios! sdos!

  • @Shopify Rosa Salazar
    Rosa Salazar
    July 07 2015, 09:57AM

    Hola Mariana
    Muchas gracias por tu comentario. Puedes enviarnos un correo a soporte@shopify.com para que te proporcionemos la ayuda que requieres.
    Saludos.

  • David
    David
    August 12 2015, 12:18AM

    Pueden utilizar un editor de imágenes en linea: www.fotor.com a mi me ha funcionado mucho y es muy fácil editar y crear. Espero les sirva de ayuda.
    Saludos,

  • @Shopify Rosa Salazar
    Rosa Salazar
    August 12 2015, 10:51AM

    Hola David.
    Muchas gracias por tu comentario y aportación.
    Saludos

  • Marina
    Marina
    November 20 2015, 02:53PM

    Hola Rosa! Me encantaron sus artículos y ejemplos!
    Hice click en un link que me interesó. Luego ese link entró a una tienda on-line y me sugirió entrar con mi link de facebook… lo hice… ahora me pregunto si con tal información no descontarán dinero de mi cuenta…? si no clickié ninguna opción no lo hará verdad?
    Muchas gracias.!

  • @Shopify Rosa Salazar
    Rosa Salazar
    November 23 2015, 10:46AM

    Hola Marina
    No te preocupes, probablemente te solicito tu facebook como información de ingreso a la tienda.
    Saludos

Deja comentario ...

Empieza tu periodo de prueba de 14 días gratis con Shopify