Los principales sitios web de comercio electrónico de 60 + - Los mejores diseños de sitios web Edición 2019

Sitios web de comercio electrónico están apareciendo a nuestro alrededor. ¿Son todos exitosos? No. La mayoría falla. ¿Pero por qué? Una de las razones más comunes es que no ponen las necesidades del usuario antes que las ideas del negocio.

Bueno experiencia de usuario es una de las características clave de cualquier tienda de comercio electrónico exitosa, y sin ocuparte de este aspecto, estás en una ardua batalla para impulsar las ventas. ¿Y cómo proporcionas una gran experiencia de usuario? Perfeccionando su comercio electrónico página web diseño.

A continuación encontrarás mi favorito. sitios web de comercio electrónico de 2019, compilado de nuestra totalidad sitio web de comercio electrónico base de datos.

Pero antes de eso, aquí están nuestros más valorados. plataformas de comercio electrónico que la mayoría de las siguientes tiendas están utilizando para ofrecer UX y UI de alta calidad:

Cuadro comparativo

Detalles
Caracteristicas Facilidad de uso Precios Plantillas y diseño Inventario SEO y Marketing Pagos Seguridad Atención al Cliente
  1. Logotipo de Shopify

    Prueba gratuita
    Desde $ 29
    SEO Friendly
    Tienda fuera de línea
    App Store
    Soporte 24/7

    9989899910
  2. Logotipo de Bigcommerce

    Prueba gratuita
    Desde $ 29.95
    Blog incorporado
    SEO Friendly
    App Store

    878878897
  3. Logotipo de Volusion

    Prueba gratuita
    Desde $ 15
    Social Media Tools
    Comercio movil

    986576668
  4. Logotipo de WooCommerce

    Códigos de descuento de SEO Friendly Analytics gratuitosProductos digitales

    646767765
  5. Logotipo de Squarespace Commerce

    Prueba gratuita
    Desde $ 8
    Móvil y amigable
    Dominio personalizado gratis
    Integración social
    Soporte 24/7

    375765867
  6. Logotipo de 3dcart

    Prueba gratuita
    Integración social
    diseños personalizados
    Certificados de regalo
    App Store

    666755656
  7. Logotipo de WIX

    Prueba gratuita
    Desde $ 8.08
    tablero simple
    SEO Friendly

    676456567
  8. Logotipo de Ecwid

    Prueba gratuita Integración social Soporte 24 / 7

    765455866
  9. Logotipo de Webflow

    Plan gratuito
    Desde $ 15
    99.99% de tiempo de actividad

    666846554
  10. Logotipo de Weebly

    Prueba gratuita
    Plan gratuito
    Desde $ 5
    Dominio gratuito

    576465456
  11. Logotipo de Big Cartel

    Prueba gratuita
    Desde $ 24.99
    SEO Friendly
    Analytics
    Códigos de Descuento
    Productos digitales

    377345467
  12. Logotipo de PinnacleCart

    Desde $ 29.95
    Móvil y amigable
    Integración libre de Doba
    Migración de carrito de compras gratis
    Soporte 24/7

    565645454

Estos sitios web deberían darle una idea de lo que elementos usted debería centrarse en, y algunos consejos sobre cómo puede proporcionar una experiencia de usuario rica a través de características adicionales del sitio web y buenos temas.

Debajo de cada sitio web, enumeramos una clave única para cada sitio web que puede implementar en su tienda hoy.

Inspiración: Los mejores diseños de sitios web de comercio electrónico en 2019

1. PowerOnPowerOff:

PowerOnPowerOffLa página de inicio se centra en el por qué y los beneficios del producto en lugar de saltar directamente a la última venta o promoción. Lo que es interesante con el sitio web PowerOnPowerOff es que utilizan el desplazamiento largo. Esta técnica se utiliza para no fatigar al usuario cuando se desplaza por su página de inicio. La nueva información se llena y se ve interactiva cuando el usuario se desplaza hacia abajo en la página, lo que resulta en un hermoso sitio web de comercio electrónico diseño.

Punto clave: el desplazamiento largo puede reducir la fatiga del usuario

Sitio web de comercio electrónico construido con: Shopify

2. El alféizar:

el alféizar

Con colores atractivos, este sitio web emite una sensación muy limpia, simple y alegre. El alféizar cree que las plantas hacen felices a las personas, al igual que su tienda en línea. Todo el sitio es fresco y refrescante y tiene un ambiente de naturaleza hermosa.

El menú del encabezado es muy inteligente y es una de mis funciones favoritas en esta lista. La brecha entre 'The' y 'Sill' se hace para reflejar el nombre de la empresa. A medida que se desplaza hacia abajo para ver los productos, las palabras se juntan y las otras opciones se mueven hacia la derecha.

Para llevar clave: mega menú interactivo

Sitio web de comercio electrónico construido con: Shopify

3. Rebecca Atwood:

diseño de sitios web de comercio electrónico - rebecca atwood

Rebecca Atwood es un diseñador textil con sede en Brooklyn con una brillante experiencia de comercio electrónico. El producto final es una tienda en línea a medida que se ve tan hermosa en el móvil como en el escritorio. El diseño muestra los productos en uso que crean una imagen de aspiración en la cabeza de los usuarios, ya que pueden ver el producto en acción.

Lo que el sitio web hace bien es que ofrecen una opción de clic para comprar, similar a lo que se ve en Instagram donde puedes ser transportado instantáneamente a la página del producto.

Para llevar clave: Haga clic para comprar

Sitio web de comercio electrónico construido con: Shopify

4. Mora:

sitio web de comercio electrónico - mullberry

Mora Es una empresa atrevida con una llamativa. sitio web de comercio electrónico diseño. Verá fotos grandes y coloridas y menos palabras con este tipo de diseño de sitios web. Si está buscando diseñar una tienda en línea de alta gama, Mulberry es el lugar perfecto para inspirarse.

La técnica de zoom para desplazar de Mulberry en imágenes solicita al usuario que haga clic en el elemento y también resalta la calidad de alta resolución de las imágenes. Si está familiarizado con CSS o desea pasarlo a su diseñador web, aquí hay una guía de instrucciones simple.

Para llevar clave: Zoom sobre el hover

Sitio web de comercio electrónico construido con: Amplitud

5. The New York Times Store:

sitio web de comercio electrónico - la tienda de new york times

Una cosa que realmente hace The New York Times Store sitio web se destaca es la organización y la tipografía. Las fuentes representan perfectamente la marca del New York Times. Las diferentes opciones de productos se presentan en una cuadrícula limpia que facilita la navegación y las compras.

Lo que también hacen bien es que marcan negrita la tipografía de sus productos más vendidos y en venta en el encabezado, que es sutil, pero atrae automáticamente la atención hacia los productos.

Punto clave: tipografía fácilmente identificable.

Sitio web de comercio electrónico construido con: Shopify

6. El Búho:

sitio web de comercio electrónico - el búho

La razón Búho está en la lista es su extraña toma en sitio web de comercio electrónico diseño. La página de inicio no es lo que parece la mayoría de las tiendas en línea. Eso no es algo malo, ya que hace que su diseño web sea creativo. La creatividad ayuda a las tiendas a destacar. Hacer algo un poco diferente puede ayudar mucho en el resultado final.

Su página de inicio es muy minimalista y tienen un video que se reproduce automáticamente para resaltar sus productos. De nuevo es muy atrevido y casi encantador. Debido a su diseño minimalista, el video no afectará las velocidades de carga de los usuarios al sitio web.

Punto clave: reproducción automática de video en tu página de inicio

7. Baron Fig:

higo barón

Nuestra sitio web de comercio electrónico El diseño está lleno de grandes elementos de diseño. La primera es la fotografía minimalista y aguda. El segundo son los divertidos gráficos y frases pegadizas. El esquema de color se correlaciona y complementa el producto. Si está buscando un sitio que use una variedad de elementos para crear una sensación de cohesión, Baron Fig es perfecto para usted.

Un poco por debajo del pliegue de la página de inicio, Baron Fig muestra un despliegue de fragmentos de artículos de prensa de compañías como GQ, Buzzfeed y New York que atraen su atención al instante.

Punto clave: Carrusel de comentarios de la prensa.

Sitio web de comercio electrónico construido con: Shopify

8. Beacon:

sitio web de comercio electrónico - baliza

Beacon es un proyecto de diseño colaborativo que vende carteles para siempre. El sitio web parece una galería de arte en línea. Los productos se muestran como carteles reales colgados en una pared. El diseño es simple, con muy poco texto y sin menús innecesarios.

A través de algunas técnicas HTML, Beacon también hace que las imágenes de fondo se muevan, lo que atrae tu atención al instante.

Para llevar clave: imágenes de fondo en movimiento

Sitio web de comercio electrónico construido con: Shopify

9. Packwire:

sitio web de comercio electrónico - packwire

Desplazándose por el Packwire La página de inicio es una aventura emocionante en la que no sabes qué aparecerá a continuación. Las características de diseño son completamente diferentes a cualquier otro sitio. Hay divertidas ventanas emergentes y deslizadores que cubren todo el sitio web. Packwire ha creado un sitio web atractivo para un negocio muy poco atractivo.

Debido a su complejo diseño y animaciones, las velocidades de carga de la página pueden ser bastante largas. Sin embargo, Packwire ha utilizado una caja de desempaquetado y empaquetado para indicar que la página se está cargando. Es exclusivo del negocio y hace que el tiempo de espera sea mucho menos laborioso.

Para llevar clave: icono único de carga

10. Caroline Z Hurley:

sitio web de comercio electrónico - caroline z hurley

La gran foto impresionante en el Caroline Z Hurley la página de inicio establece la sensación de cómo será el resto del diseño del sitio web. La fotografía divertida y simple vende el producto sin siquiera intentarlo. Los clientes no son bombardeados por las opciones de productos.

La dama en la imagen está admirando claramente el producto tanto que ni siquiera se da cuenta de que la cámara está ahí. Realmente se desprende de las imágenes estándar y cursi de alguien que sonríe ante el producto.

Punto clave: fotografía de la caja.

Sitio web de comercio electrónico construido con: Shopify

11. Beatífico:

sitio web de comercio electrónico - beatífico

Beatífico utiliza una amplia variedad de contenido digital como fotos, animaciones e ilustraciones para transmitir con éxito su mensaje. El esquema de colores y las fuentes crean una marca joven y lúdica que es evidente en todo el sitio.

Esta sensación joven y amigable se refuerza con el complemento de Facebook Messenger adjunto al sitio. Si ya está conectado a Facebook, puede enviar un mensaje instantáneo a alguien para obtener ayuda. Puede conectarse a este sitio web hoy a través de plugin de chat para clientes.

Punto clave: Conectar Facebook Messenger

Sitio web de comercio electrónico construido con: Shopify

12. Storm London:

sitio web de comercio electrónico - tormenta londres

Tormenta Se centra en demostrar la alta calidad de sus relojes. Tan pronto como se encuentre en la página de inicio de este sitio web de comercio electrónico, son recibidos con descripciones y fotos de cada reloj. El sorprendente diseño de este sitio web destaca incluso los detalles más pequeños para atraer al comprador potencial.

Tanto es así que Storm en realidad no incluye el pie de página en su página de inicio, porque seamos sinceros, no hay nada de interés allí. Para no llamar la atención del producto, puede hacer clic en el signo más para extender el pie de página.

Para llevar clave: pie de página ampliado

Sitio web de comercio electrónico construido con: Shopify

13. wolf Gang:

pandilla de lobo

Lo que hace que wolf Gang el sitio web único es el diseño oscuro y pesado. Muchos sitios adoptan un diseño más brillante con colores vibrantes, pero Wolf Gang es todo lo contrario. La tipografía es audaz y en tu cara. El sitio capta su atención de inmediato.

Lo que Wolf Gang también hace bien es que eliminan la fatiga del desplazamiento. Con un golpe de balón en el mouse y de forma automática pasas a la siguiente sección, muy inteligente.

Para llevar clave: desplazamiento de la sección

14. MSMG:

sitio web de comercio electrónico - msgm

MSMG Es el ejemplo clásico de usar colores vibrantes y fotos.

Lo que más me llamó la atención del MSMG fue que el cursor del mouse giró hacia una M. Sí, ¡tal vez esté pensando en este punto que es muy 1990! Sí, lo es, pero la gente ama la nostalgia y el retroceso. ¿Es hora de adoptar eso para su sitio web?

Para llevar clave: Abrazar retro

15. Otro:

sitio web de comercio electrónico - otro

AN Otro usa un botón adhesivo que mantiene el nombre de la empresa al frente y al centro, sin importar a dónde vaya en el sitio. El diseño general es elegante pero inolvidable. Ofrece un diseño similar a una rejilla que atrae fácilmente la atención de una cosa a otra.

Su sitio web está dividido directamente en el medio. AN Otros simplemente gira el texto y las imágenes para mantenerlo interesante, esto hace que el sitio web sea mucho más fácil de ver, en lugar de un sitio web que no tenga simetría ni orden.

Conclusiones clave: incluso las secciones crean un diseño más limpio.

Sitio web de comercio electrónico construido con: WooCommerce

16. Café de dos chimpancés:

sitio web de comercio electrónico - dos chimpancés café

La singularidad de la marca brilla a través de Dos chimpancés prioridad número uno. El menú de hamburguesas tiene un diseño raro y aparece. Todo el sitio está lleno de características distintas.

Cuando intenta abandonar el sitio web, aparece un mensaje emergente con el mensaje "Por favor, no vaya" con un llamado a la acción (CTA) que dice "Dame un poco", es muy divertido y supera el muy poco original "agregar a la cesta". .

Para llevar clave: las CTA inteligentes

Sitio web de comercio electrónico construido con: WooCommerce

17. No es otro proyecto de ley:

sitio web de comercio electrónico - no otra facturaNo es otro proyecto de ley es un gran ejemplo de un diseño de tienda en línea que se destaca entre la multitud. Sus productos son hermosos y limpios. los diseño de páginas web utiliza el color de los productos y el espacio en blanco en el fondo para mostrar los productos artísticos.

Se basan en ser un sitio web que ofrece regalos únicos. Esto se destaca por su menú desplegable en la página de inicio que lo lleva directamente al producto que desea. Por ejemplo, dentro de dos clics puede encontrar 'Tarjetas de felicitación' para 'Adolescentes, esto realmente simplifica el proceso.

Conclusiones clave: simplifique la forma en que las personas encuentran sus productos.

18. Sense6:

sense6

Sense6La falta de color hace que se destaque entre la multitud. Todo el sitio está principalmente en blanco y negro. Los pocos otros colores utilizados en el sitio son intencionales y mínimos. Hay pequeños estallidos de oro para dirigir el ojo a ciertos menús y botones.

Punto clave: menos es más con el color.

19. Manolo Blahnik:

sitio web de comercio electrónico - manolo blahnik

Manolo Blahnik tiene una carrera que abarca más de 40 años, por lo que su sitio web debe reflejar su prestigio.

Cuando se desplaza hacia abajo en la página, se parece a una pasarela que está muy en consonancia con su marca. Manolo también ha creado un efecto de sombra detrás de sus productos, que es bastante único en esta lista.

Punto clave: use un efecto de sombra en sus imágenes para agregar impacto

20. Unión nativa:

sitio web de comercio electrónico - unión nativa

El banner deslizante hace que el sitio web sea interactivo para el usuario y fácil de navegar a las diferentes páginas. El uso de imágenes en todo el sitio es más atractivo que el texto solo y representa mejor los productos. Las fotos de los productos están al frente y al centro, dejando al usuario con menos preguntas.

Cuando utiliza el menú de encabezado de Native Union, las subproducciones se resaltan sin tener que hacer clic en ellas. Un beneficio adicional es que los iconos se utilizan para que los usuarios identifiquen fácilmente en qué estarán haciendo clic.

Conclusiones clave: utilice iconos para mostrar productos

Sitio web de comercio electrónico construido con: BigCommerce

21. Muy bien hecho:

sitio web de comercio electrónico - muy bien hecho

Muy bien hechoEl sitio web está muy bien hecho. Si está buscando un buen ejemplo de cómo incorporar sus feeds de medios sociales, este sitio es el ejemplo perfecto. Really Well Made muestra su feed de Instagram directamente en la página de inicio. Es una excelente forma de generar confianza entre los clientes.

También destacan su blog vívidamente en su página de inicio. Los artículos son fantásticos y les ayudan a resaltar las fotografías que no pueden usar en las páginas de sus productos.

Aspecto clave: resalte su blog donde puede ser menos vendedor, la gente lo apreciará.

Sitio web de comercio electrónico construido con: Shopify

22. Myro:

sitio web de comercio electrónico - myro

El producto de Myro no tiene mucho que ver, es esencialmente una cápsula de recarga reciclable, por lo que es vital crear un estilo de vida alrededor de su producto y llevarlo a la vida en el diseño de su sitio web.

Para mostrar la simplicidad de su producto, Myro usa un gif interactivo debajo del pliegue de la página de inicio que realmente le escucha y destaca el uso y la efectividad del producto en cuestión de segundos.

Conclusiones clave: utilice gifs interactivos para mostrar su producto en acción

Sitio web de comercio electrónico construido con: Shopify

23 Kaffefamiljen:

sitio web de comercio electrónico - kaffefamiljen

Las infografías son una forma divertida pero efectiva de describir un producto y un negocio. Lo desglosa para el cliente y lo hace agradable de mirar. Kaffefamiljen es el ejemplo perfecto de utilizar adecuadamente la infografía para atraer al usuario.

Lo que también hacen bien es usar un lenguaje como 'tu café', 'bienvenido a la familia' y 'lo que más te convenga'. Realmente te sientes parte de la marca cuando una empresa hace esto.

Aspecto clave: use lenguaje inclusivo en el diseño de su sitio web.

24. Michael Petrov - Emersion:

página de inicio de emersion

Emersión es un diseño simple pero impresionante. Presenta siete páginas de desplazamiento diferentes. Cada página es similar con una pequeña cantidad de texto y una ilustración. Los pocos elementos de diseño que se utilizan crean un gran impacto.

Aunque esto puede no ser demasiado relevante en su sitio web, pero Emersion usa la paginación en la esquina inferior derecha para informar al usuario cuántas páginas quedan. Esto asegura que el cliente no se sienta frustrado.

Punto clave: usa la paginación para clasificar la fatiga

Sitio web de comercio electrónico construido con: Easy Digital Descargas

25. La perfumería de Burren:

sitio web de comercio electrónico - la perfumería burren

La Perfumería Burren se basa en gran medida en imágenes de estilo de vida de sus productos. Hay bellas fotos de sus perfumes hechos y usados. La composición de las fotos es genial. ¿Notaste su fuente divertida también?

El diseño del sitio web de la página de inicio de Burren está configurado para que los usuarios compren automáticamente su marca. La fotografía de estilo de vida unida a su historia es una táctica fantástica para atraer a la gente.

Punto clave: explique su negocio y haga que los clientes le compren.

Sitio web de comercio electrónico construido con: Shopify

26. Via Copenhague:

sitio web de comercio electrónico - a través de Copenhague

La página de inicio de Via Copenhague no se desplaza continuamente, sino que cambia completamente de página a medida que se desplaza. Es audaz y entrecortado, haciendo que cada producto salte de la pantalla. La paleta de colores neutros es impresionante.

Punto clave: reemplazar páginas enteras con un desplazamiento

27. Salvar Khaki

sitio web de comercio electrónico - guardar caqui

El diseño de Save Khaki es muy minimalista, con un fuerte énfasis en las imágenes que se extienden a lo ancho de la página.

Puede leer artículos e informes sobre por qué no es la mejor idea usar un carrusel en su página de inicio. Se ha informado que promueve la mensajería mixta y da la impresión de que la tienda no sabe lo que quiere mostrar.

Sin embargo, se hace bien y puede dar a su sitio web una gran estética. Save Khaki no envía mensajes diferentes, sino que lo utilizan para resaltar sus productos cada día, mientras que las opciones de Tienda para hombres y Tienda para mujeres permanecen estáticas, por lo que las personas pueden optar por comprar cuando lo deseen.

Punto clave: utilice carruseles para promocionar sus diferentes productos.

Sitio web de comercio electrónico construido con: Shopify

28. Buffy edredones:

sitio web de comercio electrónico - buffy

La foto de fondo hace que el usuario quiera saltar directamente a ese sofá y acurrucarse debajo del Buffy edredón. Buffy dice que es el edredón más suave, suave y liviano de todos los tiempos y el sitio web lo hace más que creíble. Vende el producto sin esfuerzo.

Además, tan pronto como comienza a desplazarse, Buffy ofrece un código de descuento como una ventana emergente. Esta es una técnica obvia pero es muy efectiva.

Punto clave: Pop-up con oferta de descuento.

Sitio web de comercio electrónico construido con: Shopify

29. 450 GSM:

sitio web de comercio electrónico - 450 gsm

450 GSM no tiene un sitio web elegante Es práctico e ideal para el negocio que se presenta. 450 GSM muestra que no es necesario ir por la borda para tener un sitio web atractivo. Está bien ser simple y fácil de navegar.

Si encuentra que su industria no suele ser la más interesante, entonces no intente hacer algo que no sea.

Punto clave: menos es más

30. Sólo una vez:

sitio web de comercio electrónico - sólo / una vez

El diseño de los artefactos antiguos es genial. Los diferentes artefactos están alineados en una cuadrícula ordenada que facilita la navegación. El uso del espacio en blanco alrededor de cada cuadro de producto hace que el sitio se sienta limpio y organizado. Las fotos transmiten el encanto, el personaje y la historia de cada pieza.

Nuevamente, este es un gran caso de cómo los productos nostálgicos pueden funcionar bien. La gente ama el pasado y el diseño simple de Only / Once permite que los productos hablen por completo.

Punto clave: traer retro al día es muy popular

31. Esopo:

página de inicio de aesop

La sitio web de comercio electrónico diseño de Esopo Se centra en la belleza y la naturalidad de su línea de cuidado de la piel. Está formado por fotos de cerca del producto y su embalaje. Esta sitio web de comercio electrónico es un buen ejemplo de cómo fotografiar productos de belleza y cuidado de la piel de una manera sofisticada.

Esta sofisticación está respaldada por la cantidad de espacio para respirar que dan a los productos. La mayoría de las empresas se centran en un logotipo masivo y un menú gigante. Seamos realistas, a los clientes no les importa su logotipo y buscarán su menú, no debería dominar la página.

Punto clave: los menús grandes y los logotipos no son importantes

32. MAKR:

sitio web de comercio electrónico - makr

La página de destino es específica de MAKR aún interactivo para el usuario. Presenta filas de diferentes productos de cuero que cambian de color a medida que el usuario pasa sobre ellos. Esto no solo muestra los diferentes productos y colores, sino que despierta interés.

También muestra cómo se verán los diferentes productos combinados con diferentes prendas de vestir. A la gente le puede gustar un producto, pero ¿cómo encaja con lo que está usando? Vale la pena tener en cuenta.

Punto clave: muestra tus accesorios con ropa diferente.

Sitio web de comercio electrónico construido con: Magento

33. 42/54 :

42/54

42/54 Utiliza colores vibrantes para su ventaja. Esta sitio web de comercio electrónico no se asusta de ostentar colores de fondo llamativos. Pero tenga en cuenta que su general sitio web de comercio electrónico El diseño es bastante ligero en general. Los colores brillantes son pequeños acentos.

Similar a los sitios web anteriores mencionados aquí, 42 / 54 muestran que un menú de encabezado no es inicialmente importante. El menú solo aparece cuando se desplaza hacia abajo, lo que le da un énfasis adicional a la colección Otoño / Invierno que están promoviendo y aumenta la tasa de clics.

Punto clave: trae un menú principal después de resaltar tus productos

Sitio web de comercio electrónico construido con: Shopify

34. Simplemente chocolate:

sitio web de comercio electrónico - simplemente chocolate

El diseño de esta tienda de comercio electrónico de la compañía de chocolates con sede en Dinamarca ofrece espacio suficiente para que cada uno de sus productos brille de forma individual. Cuando te desplazas hacia abajo en la página, una nueva barra de chocolate flota en el medio de la página, con cada barra de chocolate tomando un tema de color individual y un nombre divertido.

El diseño del sitio web de esta tienda de comercio electrónico es uno que no se puede comparar con muchos otros en esta lista. El menú es en realidad de lado para empezar. Lo que hacen bien es que las imágenes de fondo ayudan a contarle más sobre el producto. En lugar de usar palabras, Simply Chococlate solo usa imágenes de fresas y nueces.

Punto clave: utilice sus imágenes de fondo para describir sus productos

Sitio web de comercio electrónico construido con: WooCommerce

35. Volúmenes de dimensión:

volúmenes de dimensiones

Lo más notable de la Volúmenes de dimensión sitio web de comercio electrónico Es la tipografía en negrita. La fuente grande llama su atención y crea dimensiones para todo el sitio. La fuente es un poco más gruesa de lo que normalmente se ve en línea. Hace que el diseño del sitio web se destaque aún más.

Punto clave: no tengas miedo de estar BOLD con tu texto

36. Ingeniería adolescente:

sitio web de comercio electrónico - ingeniería de adolescentes

Ingeniería adolescente Tiene uno de los mejores diseñados. sitios web de comercio electrónico en Ingeniería. Se ve exactamente como se espera que se vea un sitio de ingeniería, pero también tiene un aspecto joven y moderno. El fondo negro y la fuente en blanco lo hacen destacar.

También utilizan repetidamente letras minúsculas, lo que es definitivamente una tendencia que más empresas están adoptando para atraer a un público más joven, que lo favorece.

Punto clave: minúscula está en. Ok

37. inclinación:

sitio web de comercio electrónico - vipp

inclinación vende artículos domésticos minimalistas. Su sitio web sigue el ejemplo con un diseño minimalista. Los productos están bellamente organizados, pero no en una grilla aburrida. Este sitio muestra que está bien apegarse a los conceptos básicos salpicados con algunas características sofisticadas.

Lo que me gusta de Vipp es la forma en que resaltan el uso de su corte de corte después de haberlo colocado. A los usuarios les gusta la fotografía de estudio pulida y se usa, así que dales las dos opciones.

Palabras clave: combina la fotografía de tu estudio con la fotografía de estilo de vida.

38. STAUD:

sitio web de comercio electrónico - staud

Staud es otro ejemplo de sitio web de comercio electrónico Diseño que utiliza colores brillantes. Los colores se utilizan en las fotos, el producto, así como los fondos. El texto está todo en blanco y negro. El balance aquí es muy bueno.

Lo que STAUD hace bien es que su oferta emergente se mantiene pegada en su página web en el lado derecho. La mayoría de las personas pueden y harán clic en las ofertas emergentes, por lo que es importante mantenerlas en su visión.

Información clave: use un widget del menú de la mano derecha para anunciar su descuento de bienvenida

Sitio web de comercio electrónico construido con: Shopify

39. Mallika Favre:

“Sitio web de comercio electrónico - malika favre

Malika Favre Es un diseño web en tu cara. Elimina por completo el uso de espacios en blanco y utiliza gráficos de colores brillantes en toda la pantalla. Esta sitio web de comercio electrónico El diseño es a la vez memorable y creativo.

Otro gran uso de las imágenes interactivas, Mallika tiene la visualización del precio cuando el usuario se desplaza sobre el producto.

Aspecto clave: muestra precios y nombres de productos cuando los usuarios se desplazan sobre

Sitio web de comercio electrónico construido con: Gran cartel

40. Verk:

sitio web de comercio electrónico - verk

VerkLa página de inicio se enfoca mucho en el propósito, la ingeniería y el alto nivel del producto. No se lanzan directamente a vender sus productos. Hablan de calidad y orgullo en lugar de la última oferta o promoción. Toda la táctica muestra al cliente que a Verk le importan todos y cada uno de sus relojes.

Verk anuncia sus relojes como "minimalistas", por lo que no es sorprendente que su sitio web refleje esto. Son una empresa muy consciente de su marca.

Punto clave: asegúrese de que su sitio web refleje su marca.

Sitio web de comercio electrónico construido con: Shopify

41. RENDIMIENTO:

RENDIMIENTO organizó todas las fotos del producto en un diseño de grilla único con todo el texto importante en la parte superior de las fotos. La página de inicio es hermosa con un texto muy mínimo. Todo el texto y la información están muy bien escondidos en una cuadrícula de hamburguesas a la izquierda.

El mega menú de YIELD es genial en su diseño. Puede bajar los niveles de 3 a un producto, pero al mismo tiempo no se siente dominante, debido al hecho de que los menús se han diseñado de manera diferente.

Punto clave: no tenga miedo de que su mega menú vaya a una subsección

Sitio web de comercio electrónico construido con: Shopify

42. Charlotte Stone:

sitio web de comercio electrónico - piedra charlotte

Este es un ejemplo de una tienda de comercio electrónico de calzado para mujeres con una apariencia de diseñador muy suave. Los colores principales que verá aquí son rosa claro, amarillo y blanco, acompañados de suaves patrones. Esta sitio web de comercio electrónico El diseño va bien con el producto que pretenden vender. Se siente muy femenino y fresco, con la fuente que combina con el resto del aspecto del sitio web.

Lo que Charlotte Stone hace bien es que no te obligan a venderte. Solo quieren que te registres en su boletín informativo, lo hacen cambiando el color de fondo cada pocos segundos en el formulario de registro.

Punto clave: llamar la atención sobre sus formularios de registro cambiando el color

Sitio web de comercio electrónico construido con: Shopify

43. Minna May Designs:

sitio web de comercio electrónico - minna mayo

Como una empresa que se especializa en letras e ilustraciones a mano, esperaría ver técnicas similares en el Minna May sitio web. El sitio presenta hermosas fuentes, colores claros e imágenes delicadas. El diseño detrás de la empresa sale en todos los aspectos en el sitio web.

Lo diferente de Minna May a las otras tiendas es que venden sus productos en otras plataformas. Sin embargo, usan su sitio web para una funcionalidad de diseño adicional y para resaltar su historia.

Punto clave: use su sitio web como un portal para su tienda de Etsy

Sitio web de comercio electrónico construido con: Squarespace

44. Triangl:

sitio web de comercio electrónico - triangl

Triangl exhibe su traje de baño de una manera única y diferente. En lugar de los trajes de baño dispuestos en la grilla típica, están organizados de tres en tres en un control deslizante. El precio y otra información no están enfocados. El sitio también usa grandes cantidades de espacio en blanco para dirigir el ojo.

Punto clave: el espacio en blanco no es espacio desperdiciado

Sitio web de comercio electrónico construido con: Shopify

45. Bacca:

sitio web de comercio electrónico - bacca

Bacca Se venden soportes para laptop de madera hechos a mano. Su sitio web de comercio electrónico El diseño está lleno de grandes elementos de diseño. El primero son los divertidos colores y gráficos que ves en la parte inferior de su página de inicio. La segunda es la calidad de las fotos de sus stands. Tenga en cuenta que los stands están solos sin nada en el fondo. Esto ayuda a que el producto se destaque.

Clave para llevar: utiliza fondos lisos para tus imágenes

46. Umbra Shift:

sitio web de comercio electrónico - cambio de umbra

No es raro que las páginas de inicio del sitio web continúen para siempre, llenas de todo tipo de información y fotos. Umbra Shift toma el enfoque completamente opuesto. Tiene una página de inicio muy corta que le da una sensación menos abrumadora. Esto ayuda al cliente a sentirse más cómodo.

El espacio de uso de Umbra es muy bueno y sus productos dominan su página de inicio, lo que garantiza que se verán bien en cualquier dispositivo.

Punto clave: use el ancho completo de su sitio web

Sitio web de comercio electrónico construido con: BigCommerce

47. Fitzy:

sitio web de comercio electrónico - fitzy

La fotografía en Fitzy es absolutamente magnífica.

Una exploración rápida de su sitio web y usted puede ver las carteras de pasaportes que se muestran en las mesas del desayuno, una bolsa de estilo de flor de cerezo entre los árboles de flor de cerezo y cinturones rodeados por los materiales que los hicieron.

Los productos hechos a mano y el auge de etsy son enormes en el mundo del comercio electrónico. Lo que Fitzy hace bien es mostrar esto como su lema y reforzarlo con su fotografía de primer plano.

Para llevar clave: vender productos hechos a mano? Da autenticidad mostrando cómo los hiciste.

Sitio web de comercio electrónico construido con: Shopify

48. Memoria de sólo lectura:

sitio web de comercio electrónico - memoria de sólo lectura

Memoria de sólo lectura libros publicados sobre videojuegos, por lo que solo tiene sentido tener un sitio web con un diseño similar a un videojuego. Similar a la compañía, el sitio es la combinación perfecta de videojuegos y diseños de libros. Cuenta con un gran sistema de cuadriculado para organizar los productos.

Otro buen uso de un menú fijo aquí, esta vez en las páginas de productos donde las opciones de agregar al carrito y de pago le siguen tan pronto como hace clic en un producto.

Punto clave: use menús pegajosos en la página de su producto para ayudar a sus conversiones

Sitio web de comercio electrónico construido con: WooCommerce

49. Buenos estados de ánimo:

sitio web de comercio electrónico - buen humor

Buenos estados de ánimo Es uno de los sitios web más estéticamente agradables. Es una mezcla perfecta de audaz y brillante, pero suave y tierno. Cuenta con hermosas fotografías de estilo de vida. La paleta de colores tiene una naturaleza calmante al respecto.

Good Moods tiene más de 15k seguidores en Instagram y al mirar su sitio web se puede ver que son grandes en fotografía. Entonces, si lo tiene alarde, integre sus plataformas de redes sociales en su sitio web de comercio electrónico diseño

Punto clave: resalta tu Instagram si te gusta la fotografía

50. Aida come:

sitio web de comercio electrónico - aida come

Hay tantas cosas brillantes que decir sobre este sitio; Sin embargo, voy a ser breve. El lema aquí es simple, brillante, y oh, muy fuerte. Les dice a los clientes que están en el lugar correcto;

'Comer bien. Entretener fácilmente.

Entonces, desde el principio, los consumidores saben de qué se trata Aida Eats.

También nos encantan las imágenes en la página de inicio. Muestran algunos de sus productos favoritos al tener paquetes abiertos con diferentes bocadillos que se derraman fuera de ellos.

Esto es increíblemente inteligente.

No solo se ve impresionante, sino que también le muestra al cliente lo que Aida Eats tiene para ofrecer. El cliente expuesto a sus productos sin tener que buscar nada, ¡es genial!

Punto clave: piense un poco en su lema. Haga un borrador de algo con lo que sus clientes se relacionen y, con suerte, recuerden. Debe resaltar lo que su marca representa en pocas palabras.

Sitio web de comercio electrónico construido con: Shopify

51. Molekule:

sitio web de comercio electrónico - molekule

Molekul aprovecha al máximo su gran banner de video en su página de inicio. Muestra su producto principal en acción, además de ofrecer a los visitantes una visión de la ciencia detrás de sus purificadores de aire. Esto hace maravillas para construir confianza y credibilidad con su audiencia.

También nos encanta que a medida que se desplaza hacia abajo, lo primero que ve es una prueba de su excelencia. Han enumerado los premios que han ganado por sus productos junto con un pequeño logotipo que representa el premio. Por ejemplo, el mejor producto nuevo en 2017 de los Edison Awards.

Conclusiones clave: publique pruebas sociales en su página de inicio para aumentar la credibilidad.

52. Kaptain:

sitio web de comercio electrónico - Kaptain

Si solo está vendiendo algunos productos selectos, saque una hoja del libro de Kaptain. En su página de inicio, mantienen las cosas increíblemente simples al permitir que sus productos hablen por sí mismos. Todo lo que tienen son unas pocas imágenes cliqueables sobre un fondo blanco.

Después de todo, ya sabes lo que dicen: 'una imagen vale más que mil palabras'.

Punto clave: ordenar su página de inicio. Recuerda, menos suele ser más.

53. Boon Supply:

sitio web de comercio electrónico - tienda de suministros Boon

La mayoría de la gente quiere donar dinero a la caridad. Por lo tanto, Boon Supply lo derrota del parque al permitir a los clientes entregar el 40% del costo total de su compra a la organización benéfica de su elección.

Esta USP se destaca en su lema, por lo que las personas saben de inmediato qué hace que Boon Supply sea diferente de sus competidores.

Punto clave: incluya su USP en su lema.

Sitio web de comercio electrónico construido con: Shopify

54. Austin Eastciders:

sitio web de comercio electrónico - tienda austin eastciders

La copia en Austin Eastciders'página de inicio es bastante impresionante. Una vez que se desplaza por su impresionante banner de video, llega a una presentación de diapositivas destacando sus productos favoritos.

Ciertamente, saben cómo posicionar sus productos para atraer a su objetivo demográfico. Utilizan palabras como; 'champaña seca', 'solo contiene 3g de azúcar', 'apegándose a sus resoluciones'. Usted ve lo que hacen aquí ... identifican las necesidades de sus clientes y explican cómo su producto satisface esa necesidad.

Información clave: conozca a su público y asegúrese de que se refleje en su copia.

Sitio web de comercio electrónico construido con: Shopify

55. Paquete de Tienda Gratis:

sitio web de comercio electrónico - paquete de tienda libre

Una de las mejores cosas de la Paquete de Tienda Gratis Es su embalaje libre de plástico. Este es uno de sus USP, y lo hacen conocido tanto en su encabezado (donde también ofrecen envío gratuito para pedidos por un total de $ 25 o más) y más abajo en su página de inicio.

Punto clave: si puede ofrecer envío gratuito, hágalo. ¡A los clientes les encanta esto! Un aumento en las conversiones es casi inevitable.

Sitio web de comercio electrónico construido con: Shopify

56. La Compañía Goodwell:

sitio web de comercio electrónico - la compañía Goodwell

Por lo general, no soy un fanático de las formas de suscripción emergente porque, en general, molestan a los visitantes. sin embargo, el Goodwell Company ofrece una fabulosa!

Los visitantes pueden girar la rueda para tener la oportunidad de ganar un descuento cuando proporcionan su nombre y dirección de correo electrónico. Esta es una forma divertida de entregar valor a sus clientes.

Punto clave: encuentre y use un estilo único de forma de suscripción. Es mucho más probable que los clientes se involucren con esto.

Sitio web de comercio electrónico construido con: Shopify

57. Flor:

sitio web de comercio electrónico - blume

Mientras te desplazas FlorEn la página de inicio, verá cómo se desglosa exactamente cómo usar y pedir una caja de suscripción, lo que hace que sea muy simple para los clientes comprender el proceso.

En el caso de Blume, todo lo que debe hacer es elegir lo que desea, elegir la frecuencia con la que desea recibir una de sus cajas personalizadas y luego cancelarla cuando lo desee. ¿Qué tan sencillo es eso?

Información clave: mantenga su copia simple para comunicarse con los clientes que no están familiarizados con su marca.

Sitio web de comercio electrónico construido con: Shopify

58. Recreo

sitio web de comercio electrónico - tienda de recreo

Me encanta su lema, y ​​el hombre lo dan a conocer. Las palabras "enlatamos un sentimiento" están pegadas en la parte superior de su página de inicio.

Luego, junto al lema, es una lata que flota al lado de las nubes en movimiento, que de alguna manera emite un ambiente celestial.

Esto tiene sentido. La gente quiere sentirse bien. Realmente es tan simple como eso y Recreo ha capitalizado esto con su diseño web y redacción.

Conclusiones clave: piense en lo que sus clientes quieren sentir y apóyelos a través de su diseño web.

59. Pareja:

sitio web de comercio electrónico - pareja

En la esquina inferior derecha de ParejaLa página de inicio es un chat. Esto le da a los visitantes acceso instantáneo al equipo de apoyo de Couple.

Las casillas de chat hacen maravillas para mejorar su servicio al cliente y para mostrar a los visitantes que está dedicado a responder sus consultas y preguntas de manera oportuna.

Conclusiones clave: considere la posibilidad de utilizar un complemento del cuadro de chat para mejorar la calidad de su servicio al cliente.

Sitio web de comercio electrónico construido con: Shopify

60. Conseguir habitacion:

sitio web de comercio electrónico - tienda de una habitación

Si su marca tiene un producto de firma, haga lo que Conseguir habitacion Lo hace y lo convierte en lo primero que aparece en su página de inicio. Utilizan fotos de productos de alta calidad para dar al comprador una mejor idea de qué esperar cuando gastan su dinero duramente ganado con ellos.

No solo usan una copia corta y ágil para describir su producto clave, sino que también resaltan el botón de llamada a la acción al hacerlo más brillante que los otros elementos de la página.

61. Puerto de Mokha:

sitio web de comercio electrónico - puerto de mokha

On Puerto de MokhaEn la página de inicio, dan a los clientes dos opciones. Pueden suscribirse a un paquete mensual o comprar productos individuales.

Esta marca deja en claro estas opciones desde el primer momento, para que los consumidores conozcan sus opciones antes de navegar por el resto del sitio. Tener una tienda que sea fácil de usar es imprescindible para mejorar sus tasas de conversión.

Punto clave: haga que su sitio sea fácil de navegar.

Sitio web de comercio electrónico construido con: Shopify

Eso resume nuestro resumen de la parte superior. sitios web de comercio electrónico de 2019. ¿Te sientes inspirado?

Solo recuerda esto, no se trata de cómo queremos que se vea el sitio. Se trata de cómo deben buscarlos y qué tan fácil es comprarlos. Si desea tomar la ruta fácil, simplemente puede utilizar una plataforma de comercio electrónico como Shopify or Bigcommerce y hacer uso de los grandes temas que ofrecen.

¿Te has encontrado con alguna otra sitio web de comercio electrónico Diseños que te gustan? ¡Hablemos en los comentarios de abajo!

Nota del editor: esta publicación se publicó originalmente en marzo de 2018 y se ha renovado y actualizado completamente para que sea precisa y completa.

Imagen destacada por Maria Ivina

Richard Protheroe

Content Marketer en Veeqo. Veeqo le permite vincular su cuenta de Amazon Seller Central con sus otros canales de ventas para administrar mejor su inventario y envío.