En los sitios de comercio online, la experiencia de usuario y el diseño es esencial. No sólo se debe prestar atención al diseño para causar una buena impresión a tus visitantes, sino que también se debe hacer uso de botones de llamada a la acción que deben ser colocados en lugares estratégicos, se debe hacer uso de una tipografía legible, fotografías de gran calidad que muestren los productos de una manera atractiva.
Definitivamente, existen muchos detalles que debes tener en mente al momento de crear una tienda online. En este artículo no te damos consejos, pero sí te ofrecemos ejemplos de tiendas online de ropa que tienen un gran diseño y logran transmitir el estilo de su ropa mediante el uso de fotografías y tipografías.
Free People
Esta tienda se especializa en vender ropa para mujeres, es por ello que emplea imágenes de modelos usando las vestimentas que ofrece la tienda en la primera página. Su slider es de pantalla completa y posee dos niveles de menú. El primero siempre se mantiene a la vista y podemos acceder a la cesta de compras y cambiar el tipo de moneda y el país donde será enviada la compra. El segundo menú es un acceso a las principales categorías de la tienda.
Si bajamos tenemos acceso a más imágenes, cada composición corresponde a una colección de la tienda y se puede acceder directamente al pinchar un botón.
Bored by Southsea
Esta tienda posee un slider donde se muestran los productos y también imágenes alusivas a las nuevas colecciones de la tienda. El menú se encuentra en la parte superior y una de las categorías es la marca. También existe un acceso directo a algunas de las marcas principales de la tienda, este acceso directo se localiza encima de la barra de menú.
Bajo el slider vemos los nuevos productos alineados por filas y columnas. Al posar el ratón sobre algún producto vemos un círculo con los detalles principales del producto.
Wire & Twine
Esta tienda posee un menú principal que sólo consta de dos secciones: “Nosotros” y “Productos”. Este menú se encuentra en la parte superior izquierda, mientras que en la derecha se localiza el icono para acceder a la cesta de compra.
La vista previa de los productos es bastante amplia y se hace un buen uso de los espacios en blanco. Se destaca el nombre y el precio de cada producto de manera creativa: se añade en una caja de texto con opacidades. De ese modo, el fondo no interfiere con la legibilidad. Además, cada producto posee una página donde se destaca el diseño. Una referencia a tomar en cuenta si eres diseñador y vas a poner tu tienda online.
Inkefx
Esta tienda también se centra en el diseño, vende ropa y afiches, principalmente. En las imágenes podemos ver afiches con su nombre y precio, el elemento que más destaca es el precio. También podemos pinchar sobre el botón de llamada a la acción para obtener mayor información sobre el producto.
Al desplazarnos hacia abajo podemos ver los demás productos de la tienda. Tanto los afiches como los polos se muestran en diferentes perspectivas y se puede acceder a mayor información sobre el producto mediante la llamada de acción.
CXXVI
Esta es una tienda pequeña con pocos productos por lo que nos presenta una imagen estática bajo el menú. Tanto el menú como el logo se ubican en la parte superior central de la página, aunque el logo está encima del menú.
Usa una tipografía sencilla para su menú y títulos en color negro. Para los nombres y precios de sus productos emplea una tipografía más pequeña y en color gris.
Ugmonk
Esta tienda coloca su logo en la parte superior izquierda y posee dos niveles del menú. El primero se ubica al lado del logo y podemos acceder al blog, a la página de productos o a la sección de “Nosotros”. El otro menú se encuentra bajo el logo y aunque la tipografía es ligeramente más pequeña que la tipografía del primer menú, destaca pues se coloca sobre un fondo celeste. También posee una barra de búsqueda en la parte izquierda de este menú.
También podemos ver un slider de imágenes que presentan los diferentes productos de la tienda. Si nos desplazamos hacia abajo tenemos acceso a los productos destacados, con la opción de ver todos los productos de la tienda mediante un botón de llamada a la acción.
So Worth Loving
Esta tienda coloca su logo en la parte superior, en el centro. Al lado izquierdo encontramos el botón de búsqueda y otra opción para poder acceder al sitio. En el lado derecho vemos los botones de las redes sociales y el carrito de compras, el cual destaca por tener un recuadro de color amarillo.
El menú se ubica bajo el logo, y debajo del menú se destacan las 3 principales ventajas que ofrece esta tienda. Podemos ver también una fotografía que ocupa todo el ancho de la pantalla.
El sitio hace un gran uso de las fotografías para poder identificarse con su público objetivo y también para mostrar cómo lucen los productos.
Reiss
Esta tienda es elegante y tiene un diseño sencillo. Ya que ofrece ropa para hombres y mujeres ofrece la opción de ir directamente a cualquiera de estas secciones desde la página de inicio.
Posee un slider que que también tiene enlaces para navegar por la sección de hombres o mujeres. Cada una de estas secciones tiene categorías. Bajo el slider vemos otras fotografías que nos presentan los atuendos nuevos.
Stacy Adams
Esta tienda también emplea imágenes para comunicar. Bajo el menú podemos ver una imagen estática que nos informa sobre sus grandes descuentos. Desde esta misma imagen podemos realizar una búsqueda por tallas.
Bajo esta imagen vemos otras fotografías donde podemos acceder a las colecciones más recientes y a las categorías destacadas de esta tienda.
Born
Esta tienda coloca el menú en el lado superior izquierdo, en el derecho tenemos un menú hamburguesa, el carrito de compras y una opción de búsqueda. Posee un slider donde aparecen fotografías con modelos y también fotografías de productos con los diferentes colores disponibles.
La tienda posee efecto parallax e intercala contenido con las características generales de sus productos. En cada sección coloca botones de acción donde podemos ver mayor información sobre el proceso de costura y la lista de productos de la tienda.
